/* 0.0 GENERAL
/*      0.1 typography
/*      0.2 buttons and other repeating elements
/*      0.3 layout
/*      0.4 special UI styles
/*      0.5 navigation
/*      0.6 forms
/*      0.7 plugin styles
/* 1.0 SIGN UP   .dyp-signup-subsection
/*      1.1 Signup Forms General
/*      1.2 Signup Forms Individual Pages
/* 2.0 START PLAN  .dyp-start-plan-subsection
/* 3.0 MANAGE PLAN  .dyp-manage-plan-subsection
/*      3.1 Manage Meal Plan Profile 
/*      3.2 Manage Meal Plan Meal Plan
/*      3.3 Manage Meal Journal
/*      3.4 Public View Callouts
/*      3.5 Friends News Feed

/* 4.0 FRIENDS  .dyp-manage-plan-subsection
/* 5.0 TOUR  .dyp-manage-plan-subsection
/* 6.0 SHOPPING LIST  .dyp-manage-plan-subsection
/* 7.0 PRINTING HIDINGS
/* 8.0 MY PROGRESS
/* 9.0 MANAGE FRIENDS
/*10.0 MANAGE PROFILE

/*11.0 HOMEPAGE
/*12.0 MYPLAN
/*13.0 ABOUTCHALLENGE
/*14.0 LEGACY PLAN
/*15.0 APP MOBILE SECTION (#app-mobile-section) challenge/mobile


/** 0.0   ********************************************** GENERAL **************************************************/

/** 0.1  typography ------------------------------------------------------------------------------------------*/

#bodycontent-inner.dyp p, 
#bodycontent-inner.dyp div, 
#bodycontent-inner.dyp li{
    font-family: Arial, san-serif;
    font-size:13px;
    line-height:17px;
    color: #4d4d4f;
}

#bodycontent-inner.dyp a, 
#bodycontent-inner.dyp a:link, 
#bodycontent-inner.dyp a:visited{
    color: #01569b;
}

/* Headings */
#bodycontent-inner.dyp h2,
#bodycontent-inner.dyp h3.ui-h2 { font-size: 18px; }
#bodycontent-inner.dyp h3 {  }
#bodycontent-inner.dyp h4 { font-size: 12px; }

#bodycontent-inner.dyp #heading h2{
    font-size:22px;
    color: #4d4d4f;
    font-weight:normal;
    font-style:italic;
    letter-spacing:1px; 
}

#bodycontent-inner.dyp #heading h2 .red{
    font-size:24px;
    color: #ed174f;
    font-weight:bold;
    font-style:normal; 
}

#bodycontent-inner.dyp  h4{
    font-size:16px;
    font-weight:normal;
    color: #ed174f;
    margin-bottom:15px;
}



/** 0.2  buttons and other repeating elements  --------------------------------------------------------------------*/


/*  --- red button --- */

a.dyp-button-red-rect {
    /* Sliding right image */
    background: transparent url('../i/special-k-challenge-new/bg-button-red-rect-r-2.png') no-repeat scroll top right; 
    display: inline-block;
    height: 31px; /* image ht */
    margin-right: 6px;
    padding-right: 17px; /* image width */
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;
}


a.dyp-button-red-rect span {
/* Background left image */ 
background: transparent url('../i/special-k-challenge-new/bg-button-red-rect-l-2.png') no-repeat; 
display: block;
line-height: 30px;
height:31px;
padding: 0 0 10px 17px;
cursor:pointer;
text-align:center;
color: #fff;
} 

 a.dyp-button-red-rect:hover span{
    color: #f8afaf;
}



/*  --- red button style 2 --- */
a.dyp-button-red-rect.dyp-button-2 {
    /* Background right image */ 
     background: transparent url('../i/special-k-challenge-new/bg-button-red-rect-r-2.png') no-repeat scroll top right; 
     padding-right:50px;
}

a.dyp-button-red-rect.dyp-button-2 span {
    /* Background left image */ 
    background: transparent url('../i/special-k-challenge-new/bg-button-red-rect-l-2.png') no-repeat; 
    padding-left:50px;
    line-height:15px;
} 

a.dyp-button-red-rect.dyp-button-2 span em {
    font-style: normal;
}

/*-----------------------------------------------*/
a.dyp-button-red-rect-narrow {
    /* Background right image */ 
     background: transparent url('../i/special-k-challenge-new/bg-button-red-rect-narrow.png') no-repeat scroll top right; 
    float:left;
    font-size:11px !important;
    color: #fff !important;
}






a.dyp-button-red-rect-narrow span {
    /* Background left image */ 
    background: transparent url('../i/special-k-challenge-new/bg-button-red-rect-narrow.png') no-repeat top left; 
  
    line-height:25px;
      margin: 0 20px 0 0;
    padding: 1px 5px 5px 25px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
     letter-spacing: 0.5px;
     font-size:12px;
     font-weight:700;
} 

a.dyp-button-red-rect-narrow  span em {
    font-style: normal;
}

/*  --- turquoise button --- */

a.dyp-button-turquoise-rect {
    /* Sliding right image */
    background: transparent url('../i/special-k-challenge-new/bg-button-turquoise-rect-r.png') no-repeat scroll top right; 
    display: inline-block;
    height: 46px; /* image ht */
    margin-right: 6px;
    padding-right: 9px; /* image width */
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;
}


a.dyp-button-turquoise-rect span {
/* Background left image */ 
background: transparent url('../i/special-k-challenge-new/bg-button-turquoise-rect-l.png') no-repeat; 
display: block;
line-height: 15px;
height:30px;
 padding: 7px 0 10px 9px;
 cursor:pointer;
 text-align:center;
 color: #fff;
} 

/* --- gray gradient button  --- */
#bodycontent-inner.dyp a.dyp-button-shaded-gray, 
#bodycontent-inner.dyp a.dyp-button-shaded-gray:link, 
#bodycontent-inner.dyp a.dyp-button-shaded-gray:visited, 
#bodycontent-inner.dyp a.dyp-button-shaded-gray:hover,
#bodycontent-inner.dyp a.dyp-button-shaded-gray:active
{
background: transparent url('../i/special-k-challenge-new/bg-button-gradient.jpg') repeat-x; 
padding: 5px 15px;
border: solid 1px #bfbfbf;
color: #333333;
float:right;
font-size:13px;
line-height:13px;
}



a.dyp-button-shaded-gray:hover
{text-decoration:underline;}

/*  --- red button --- */
a.dyp-button{
    /* Sliding right image */
    background: transparent url('../i/special-k-challenge-new/bg-button-rect-active.png') no-repeat scroll right -39px;
   display: block;
    float: left;
    height: 31px;
    padding-right: 9px;
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-bottom: 6px;

}

a.dyp-button span{
    /* Background left image */   
    background: transparent url('../i/special-k-challenge-new/bg-button-rect-active.png') no-repeat; 
    display: block;
    line-height: 30px;
    height:31px;
    padding:0 13px 0px 19px;
    cursor:pointer;
    text-align:center;
    color: #fff;
        white-space:nowrap;    /*agendel11/4  */
} 
 a.dyp-button:hover span{
    color: #f8afaf;
 }


/*  --- gray button --- */
a.dyp-button.inactive {background: transparent url('../i/special-k-challenge-new/bg-button-rect-inactive.png') no-repeat scroll right -39px;}
a.dyp-button.inactive span{background: transparent url('../i/special-k-challenge-new/bg-button-rect-inactive.png') no-repeat; cursor: pointer;}
a.dyp-button.inactive:hover span{color: white;}

/*  --- blueish button --- */
a.dyp-button.back {background: transparent url('../i/special-k-challenge-new/bg-button-rect-back.png') no-repeat scroll right -39px;}
a.dyp-button.back span{background: transparent url('../i/special-k-challenge-new/bg-button-rect-back.png') no-repeat;}
a.dyp-button.back:hover span{color: #c3e9ed;}

/* --- fixed width --- */
.dyp-button.fixed{width:124px;}

/* --- fixed width 2 --- */
.dyp-button.fixed-2{width:148px;}


/*  --- Friends Button --- */
a.dyp-button-friends{
  /*  background: transparent url('../i/special-k-challenge-new/sprites/spr-btn-friends.png') no-repeat scroll right -128px;*/
    display: inline-block;
    height: 32px;
    padding-right: 9px;
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-bottom: 5px;
}

a.dyp-button-friends span{
    background: transparent url('../i/special-k-challenge-new/sprites/spr-btn-friends.png') no-repeat;
    display: inline-block;
    line-height: 28px;
    height:32px;
    padding: 0 5px 0 36px;
    cursor:pointer;
    text-align:center;
    color: #fff;
    min-width: 66px;
    cursor:default;
} 
 



a.dyp-button-friends span.hi-5  {background-position: 0 -0px; cursor:pointer}
a.dyp-button-friends  span.nudge {background-position: 0 -32px; cursor:pointer; padding-left:30px;}

a.dyp-button-friends:hover span.hi-5  {background-position: 0 -64px; cursor:pointer}
a.dyp-button-friends:hover  span.nudge {background-position: 0 -96px; cursor:pointer; padding-left:30px;}

#friends a.off span, #in-friend a.off span
{height:20px;
line-height:20px;
cursor:default; 
padding-left:30px;
text-align:left;
text-indent: -99999px; }

#friends a.off span.hi-5, #in-friend a.off span.hi-5  {background-position: -100px -329px;  }
#friends a.off  span.nudge, #in-friend a.off  span.nudge {background-position: -110px -350px; }


a.dyp-button-friends-small{
    display: inline-block;
    height: 32px;
    padding-right: 0px;
    margin-bottom: 2px;
}

a.dyp-button-friends-small span{
    background: transparent url('../i/special-k-challenge-new/sprites/spr-btn-friends.png') no-repeat -155px -265px ;
    display: block;
    text-align:left;
    height:30px;
    padding: 0 3px;
    cursor:pointer;
   text-indent: -9999px;
    cursor:pointer;
    width: 20px;
} 

a.small-nudge span {background-position: -156px -229px; }
a.small-hi5 span {background-position:  -156px -202px}

a.small-nudge:hover span {background-position: -156px -293px; }
a.small-hi5:hover  span {background-position:  -156px -266px}

a.small-nudge-active span  {background-position: -155px -293px; cursor:default;}
a.small-hi5-active span  {background-position: -155px -266px; cursor: default;}




/*----------------*/

/*  --- close button --- */
.ui-close-btn{
    padding-left: 15px;
    background: url('../i/special-k-challenge-new/buttons/bt-close-icon.png') no-repeat left; 
    font-size: 10px;
    font-weight: bold;
    position: absolute; 
    top: 7px; 
    right: 10px;
    color: #696A6A !important;
    min-width: 11px;
    z-index:9999;
}

.ui-remove-btn{
    background: url('../i/special-k-challenge-new/buttons/btn-delete.png') no-repeat left; 
    width: 20px;
    height: 21px;
    display: inline-block;
    text-indent: -9999px;
}


/* --------box-challenge------ */
 .dyp .box-challenge
{
    background: transparent url('../i/special-k-challenge-new/box-challenge.png') no-repeat 0 0;
    height:218px;
    width:179px;
    float:left;
    }


 .dyp .box-challenge a
{
    margin:8px;
    display:block;
    height:121px;
    padding:40px 12px;
    text-align:center;
    }



 .dyp .box-challenge.min-text-box a {
    padding: 70px 15px 40px;
    height:91px;
}
 .dyp .box-challenge strong,
 .dyp .box-case strong
  {
    font-size: 20px;
    font-weight: normal;
    display:block;
    line-height: 24px;
}

 .dyp .box-challenge span,.dyp .box-challenge div {
    font-size: 11px;
    color: #4D4D4F;
}
 .dyp .box-challenge.min-text-box span {
    font-size: 12px;

}
.dyp .box-challenge span strong{
font-size: 11px; display: inline; line-height: 9px; font-weight: bold
}

.heading-ornament{
    background: transparent url(../i/special-k-challenge-new/heading-ornament-right.png) no-repeat top right;
    margin:15px auto 10px;
    padding-right:125px;
    display:inline-table;
}

.heading-ornament div{
    background: transparent url(../i/special-k-challenge-new/heading-ornament-left.png) no-repeat 0 0;
    padding-left:125px;
    min-height:32px;
}

 .heading-ornament h3, #fields .heading-ornament h3{   
    font:normal 17px Georgia;
    color:#4D4D4F;
    text-align:center;
    margin-bottom:0;
    }

 .heading-ornament h3 em{
    font-weight:bold;
    font-style:italic;
    }

 .heading-ornament p, #fields .heading-ornament p{
    color:#808285;
    text-align:center;
    font-size: 11px;
    }

/* --- heading-ornament-small ---*/
.heading-ornament-small
{
    background: url('/_res/i/special-k-challenge-new/heading-ornament-small-right.png') no-repeat top right;
    margin:20px auto;
    padding-right:60px;
    display:inline-table;
    }    
.heading-ornament-small div
{
    background: url('/_res/i/special-k-challenge-new/heading-ornament-small-left.png') no-repeat 0 0;
    padding-left:60px;
    min-height:32px;
    }

 .heading-normal h3{   
    font:normal 1.3em Georgia;
    color:#939598;
    text-align:center;
    margin-bottom:0;
    }

/* Box w/ red line*/
/*new box*/
.box-highlight
 {
    margin:20px auto;
 }
     .box-highlight > .top
     {
        background:url('../i/special-k-challenge-new/bg-boxhighlight-top.png') no-repeat 0 0;
        height:7px;
     }
    
     .box-highlight > .body
     {
        background:url('../i/special-k-challenge-new/bg-boxhighlight-body.png') repeat-y 0 0;
        padding: 15px 30px 10px;
        text-align:center;
     } 

      .box-highlight > .bottom
     {
        background:url('../i/special-k-challenge-new/bg-boxhighlight-bottom.png') no-repeat 0 0;
        height:15px;
     }
 .box-highlight a
{
    font-weight:bold;
}

/*old box*/
 .box
{
    width:560px;
    box-shadow: 0px 2px 3px #CCCCCC;
    padding:5px;
    background-color:#FFFFFF;
    margin:20px auto;
    font-size:10px
    }
 .box p
{
    border:1px solid #ed1850;
    padding:12px 0;
    display:block;
    margin:0;
    text-align:center;   
    }
 .box p em
{
    color:#ed1850;
    }


/* form-box */
.dyp .form-box-large
{
    width:690px;
    margin:auto;
    }
.dyp   .form-box-large > .top
{
    background: url('/_res/i/special-k-challenge-new/bg-form-box-large-top.png') no-repeat 0 0;
    height:20px;
    }
.dyp  .form-box-large > .body
{
    background: url('/_res/i/special-k-challenge-new/bg-form-box-large-body.png') repeat-y 0 0;
    padding:14px 30px;
    }
.dyp  .form-box-large > .bottom
{
    background: url('/_res/i/special-k-challenge-new/bg-form-box-large-bottom.png') no-repeat 0 0;
    height:21px;
    }

.dyp .color1 {color:#EA1E51}
.dyp .color2 {color:#FD8048}
.dyp .color3 {color:#9B131F}
.dyp .color4 {color:#A70D7F}
#bodycontent-inner.dyp-start-plan-subsection .orange { border:1px solid orange; }



/*box-case*/
 .dyp .wrap-3cases {
    margin:0 auto;
    width:537px;
 }
 .dyp .box-case
{
    background: url('../i/special-k-challenge-new/box-case.png') no-repeat 0 0;
    height:165px;
    width:179px;
    float:left;
    }
 .dyp .wrap-3cases .box-case a 
 {
    display: block;
    height: 83px;
    margin: 7px 19px 14px 7px;
    padding: 39px 18px 20px 20px;
 }
 .dyp .wrap-3cases .box-case.selected a { margin: 5px 17px 14px 5px; }
 .dyp .box-case.low-box a
{
    background: url('../i/special-k-challenge-new/low.jpg') no-repeat 50% 89%;
    }
 .dyp .box-case.medium-box a
{
    background: url('../i/special-k-challenge-new/medium.png') no-repeat 50% 89%;
    }
 .dyp .box-case.high-box a
{
    background: url('../i/special-k-challenge-new/high.png') no-repeat 50% 89%;
    }
 .dyp .box-case strong { font-size: 24px}
 .dyp .box-case a span { color: #000000; display: block; font-size: 11px; line-height: 14px; margin: 5px 0 0; }
 .dyp .box-case.selected a { border: 2px solid }
 
 .dyp .color1 .box-case.selected a { border-color:#EA1E51 }
 .dyp .color2 .box-case.selected a { border-color:#FD8048 }
 .dyp .color3 .box-case.selected a { border-color:#9B131F }
 .dyp .color4 .box-case.selected a { border-color:#A70D7F }


/*----------------*/

/* form-box */
.dyp .form-box
{
    width:574px;
    margin:auto;
    }
.dyp  .form-box > .top
{
    background: url('../i/special-k-challenge-new/bg-form-box-top.png') no-repeat 0 0;
    height:20px;
    }
.dyp  .form-box > .body
{
    background: url('../i/special-k-challenge-new/bg-form-box-body.png') repeat-y 0 0;
    padding:14px 30px;
    }
.dyp  .form-box > .bottom
{
    background: url('../i/special-k-challenge-new/bg-form-box-bottom.png') no-repeat 0 0;
    height:21px;
    }

.dyp .form-box .form-box-line { width: 514px; height:30px }

/* Box white small */
/******************* Box white small ********************/
.box-white-small
{
    background: url('/_res/i/special-k-challenge-new/bg-box-small.png') no-repeat right -62px;
    display: block;
    padding-right: 11px;
    float: left;
}

.box-white-small > div
{
    background: url('/_res/i/special-k-challenge-new/bg-box-small.png') no-repeat;
    display: block;
    height:54px;
    padding:5px 5px 5px 16px;
    line-height:54px!important;
}
.box-white-small >div >.icon
{
    height:50px;
    width:34px;
    float:left;
    margin-right:10px;
    }

/* Woman/man icons*/
.box-white-small > div >.icon.woman{background:url('/_res/i/special-k-challenge-new/icons-woman-man.png') no-repeat;}
.box-white-small > div >.icon.man{background:url('/_res/i/special-k-challenge-new/icons-woman-man.png') no-repeat top right;}

/* Box-small active*/
.box-white-small.active{background: url('/_res/i/special-k-challenge-new/bg-box-small-active.png') no-repeat scroll right -62px;}
.box-white-small.active > div{background: url('/_res/i/special-k-challenge-new/bg-box-small-active.png') no-repeat; color:#FFFFFF!important;}


/*Woman/man icons active*/
.box-white-small.active >div >.icon.woman{background:url('/_res/i/special-k-challenge-new/icons-woman-man.png') no-repeat bottom left;}
.box-white-small.active >div >.icon.man{background:url('/_res/i/special-k-challenge-new/icons-woman-man.png') no-repeat bottom right;}

.sex-or, .birthday {
    float: left;
    line-height: 40px;
    margin: 10px;
}

.birthday {
    padding-left:85px;
}

.box-white-small input.birthday {
    height:24px;
    width:90px;
    line-height: 24px;
    text-align: center;
    padding: 0; 
}


input::-webkit-input-placeholder {text-align:center; padding-top:10px;}


.bodyfield #birthday-box {
    float:right;
}

/* box lifestyle */

.dyp .wrap-3cases-lifestyle {
    margin:0 auto;
    width:554px;
 }
 .dyp .box-lifestyle
{
    background: url('/_res/i/special-k-challenge-new/bg-box-option.png') no-repeat 0 0;
    height:184px;
    width:180px;
    float:left;
    margin-right: 7px;
}
.dyp .color1 .box-lifestyle.selected a, .dyp .color1 .box-lifestyle a:hover { border-color:#EA1E51 }
.dyp .color2 .box-lifestyle.selected a, .dyp .color2 .box-lifestyle a:hover { border-color:#FD8048 }
.dyp .color3 .box-lifestyle.selected a, .dyp .color3 .box-lifestyle a:hover { border-color:#9B131F }
.dyp .color4 .box-lifestyle.selected a, .dyp .color4 .box-lifestyle a:hover { border-color:#A70D7F }



 .dyp .box-lifestyle a{
    display: block;
    padding: 40px 15px 20px;
    width: 163px;
    height: 82px;
    margin: 1px;
    position: relative;
    padding: 42px 6px 21px;
 }
 .dyp .box-lifestyle a:hover{ 
    border: 2px solid; 
    padding: 40px 4px 19px;
 }
 .dyp .box-lifestyle.selected a { 
    border: 2px solid; 
    padding: 40px 4px 19px;
 }
 .dyp .box-lifestyle a img
 {
     position:absolute;
     top:100px;
     left:22px;
     }
.dyp .box-lifestyle a:hover img
 {
     position:absolute;
     top:98px;
     left:20px;
     }
     
.dyp .box-lifestyle.selected a img {
    top: 98px;
    left: 20px;
}
.dyp .box-lifestyle.selected a:hover img {
    left: 20px;
    top: 98px;
}
 /*
.dyp .box-lifestyle.selected a {
    padding: 40px 2px 20px;
}
*/
 .dyp .box-lifestyle strong { font-size: 16px; text-transform: uppercase; font-weight: normal;}
 .dyp .box-lifestyle a span { color: #000000; display: block; font-size: 11px; line-height: 14px; margin: 5px 0 0; }





/** 0.3  layout  --------------------------------------------------------------------*/

.floatLeft  { float:left    }

.floatRight { float:right   }

.oFlowAuto  { overflow:hidden }

.clear      { clear: both   }


#special-k-challenge-section {background:url(../i/special-k-challenge-new/bg-gradient.gif) repeat-x bottom center #fff;
}

#special-k-challenge-section #container
{
    width: auto; /* causing conflicts on footer and float  */
    min-width:1024px; /* to fix scrolling issue */
 text-align:center;
}

#special-k-challenge-section   #header
{
 clear: both;
    float: none;
    margin: 0 auto 3px auto;
    width: 980px;
    text-align:left;
    height:90px;
    background:url(../i/special-k-challenge-new/top-bg.png) no-repeat bottom center #fff;
    }


    #special-k-challenge-section    div.footer {
  
    margin: 0 auto 95px auto;
    position: relative;
    width: 980px;
    text-align:left;
    float:none;
}


 #special-k-challenge-section div.bodycontent {
    clear: both;
    float:none;
    height: auto !important;
    margin: 0;
    padding-bottom: 0px;
    position: relative;
    width: auto;
    /**********THIS BG IS USED ON ALL THE PAGES AND IT DOESNT MATCH COMPS, IF TRYING TO USE ON A SPECIFIC PAGE DO SO OR I CAN HELP (FALVAREZ)***********/
   background: #fff url(../i/special-k-challenge-new/bg-form.jpg) repeat-x 0 bottom;
    /**********THIS BG IS USED ON ALL THE PAGES AND IT DOESNT MATCH COMPS, IF TRYING TO USE ON A SPECIFIC PAGE DO SO OR I CAN HELP (FALVAREZ)***********/
    text-align:left;
}




#special-k-challenge-section    div.bodycontent.step2container {
    padding-bottom: 0
}
#special-k-challenge-section    div.bodycontent.step2container #background {
    background-image: none;
}



/* UI special wrapper */
#bodycontent-inner .ui-wrapper .ui-wrapper-top,
#bodycontent-inner .ui-wrapper .ui-wrapper-bottom{
    height: 14px;
    width: 903px;
    background: url('../i/special-k-challenge-new/sprites/srp-wrapper-top-bottom.png') no-repeat;
 }
 #bodycontent-inner .ui-wrapper .ui-wrapper-middle{
    width: 863px; /* 903 - 20 - 20 */
    background: url('../i/special-k-challenge-new/bg-wrapper-middle.png') repeat-y;
    padding: 5px 20px;
    overflow: hidden;
 }
 
 #bodycontent-inner .ui-wrapper .ui-wrapper-bottom{
    background-position: bottom;
 }

 #bodycontent-inner .ui-wrapper .ui-wrapper-middle .col.left{
    width: 578px;
    float: left;
 }
 #bodycontent-inner .ui-wrapper .ui-wrapper-middle .col.right{
    width: 260px; 
    float: right;
 }



 #bodycontent-inner .ui-wrapper.ui-wrapper-2 .ui-wrapper-top{
    background: url('../i/special-k-challenge-new/sprites/srp-wrapper-top-bottom-2.png') no-repeat;
 }
 #bodycontent-inner .ui-wrapper.ui-wrapper-2 .ui-wrapper-bottom{
    background: url('../i/special-k-challenge-new/sprites/srp-wrapper-top-bottom-2.png') no-repeat bottom;
 }
 #bodycontent-inner .ui-wrapper.ui-wrapper-2 .ui-wrapper-middle{
    background: url('../i/special-k-challenge-new/bg-wrapper-middle-2.png') repeat-y;
 }
 

/** 0.4  Special UI styles  --------------------------------------------------------------------*/

/* Text style */
#bodycontent-inner.dyp .ui-bold    { font-weight: bold }
#bodycontent-inner.dyp .ui-italic  { font-style: italic }

/* TODO: move this into .dyp-form */
#bodycontent-inner.dyp .ui-textarea{
    font-family: Arial, san-serif;
    font-size:12px;
    color: #6d6e71;
    overflow:auto;
    resize:none;
}

/* Alignment */
#bodycontent-inner.dyp .ui-txtAlignCenter{text-align:center} /* TODO: change this */
#bodycontent-inner.dyp .ui-align-left       { text-align: left  }
#bodycontent-inner.dyp .ui-align-right      { text-align: right }
#bodycontent-inner.dyp .ui-align-center     { text-align: center }
#bodycontent-inner.dyp .ui-float-fix        { overflow: hidden  }

/* Borders */
#bodycontent-inner.dyp .ui-border               { border: solid 1px #DDD            }
#bodycontent-inner.dyp .ui-border-dotted        { border: dotted 1px #DDD           }
#bodycontent-inner.dyp .ui-bottom-separator     { border-bottom: solid 1px #DDD     }
#bodycontent-inner.dyp .ui-bottom-separator-2   { border-bottom: solid 2px #F03     }
#bodycontent-inner.dyp .ui-top-separator        { border-top: solid 1px #DDD        }
#bodycontent-inner.dyp .ui-top-separator-2      { border-top: solid 2px #F03        }
#bodycontent-inner.dyp .ui-border-thick-light   { border: solid 3px #CFE0ED         }

/* Size variations */
#bodycontent-inner.dyp .ui-small       { font-size: 11px }
#bodycontent-inner.dyp .ui-small-x-2   { font-size: 10px }
#bodycontent-inner.dyp .ui-large       { font-size: 14px }
#bodycontent-inner.dyp .ui-large-x-2   { font-size: 15px }
#bodycontent-inner.dyp .ui-large-x-3   { font-size: 16px }
#bodycontent-inner.dyp .ui-large-x-4   { font-size: 18px }
#bodycontent-inner.dyp .ui-large-x-5   { font-size: 20px }
#bodycontent-inner.dyp .ui-large-x-6   { font-size: 24px }

/* Color variations */
#bodycontent-inner.dyp .ui-light        { color: #828282 }
#bodycontent-inner.dyp .ui-highlighted  { color: #F03    }
#bodycontent-inner.dyp .ui-darker       { color:#4d4d4f  }
#bodycontent-inner.dyp .ui-color2       { color:#01569B  }

/* Visibility */
#bodycontent-inner.dyp .ui-hidden       { display: none }

/* Ajax calls */
.loading{
    text-align: center;
}

/** 0.5  Navigation  --------------------------------------------------------------------*/

/* Tab menu */
#bodycontent-inner.dyp .dyp-tab-nav li{
    background: #FFF url(../i/special-k-challenge-new/bg-tab-nav.png) no-repeat left;
    width: 296px;
    height: 53px;
    float: left;
    display: inline; 
    text-align: center;
}
#bodycontent-inner.dyp .dyp-tab-nav a {
    display: inline-block;
    margin-top: 14px; 
    font-size: 20px;
    color: #DBDBDC;
}
#bodycontent-inner.dyp .dyp-tab-nav .ui-highlighted{
    color: #F1C9D3;
}
#bodycontent-inner.dyp .dyp-tab-nav li.active{
    background: #FFF;
}
#bodycontent-inner.dyp .dyp-tab-nav li.active a{
    color: #4D4D4F;
}
#bodycontent-inner.dyp .dyp-tab-nav li.active .ui-highlighted{
    color: #FF0033;
}

/* Tab menu style 2 */
ul.dyp-tab-nav-2{
    border-bottom:1px solid #d0cece;
    overflow:hidden;
    padding:0 10px;
    height:30px;
}

ul.dyp-tab-nav-2 a
{font-size:12px;
height:26px;}

ul.dyp-tab-nav-2 a.dyp-button span 
{line-height:26px;
height:26px;}


/** 0.5  Forms  --------------------------------------------------------------------*/
#bodycontent-inner.dyp .dyp-form select,
#bodycontent-inner.dyp .dyp-form input[type="text"]{
        padding: 5px; 
        color: #666;
        border-top: solid 1px #91908e;
        border-right: solid 1px #d6d4d2;
        border-left: solid 1px #d6d4d2;
        border-bottom: solid 1px #e0dedb;
}
   
#bodycontent-inner.dyp .dyp-form input[type="submit"]{
        color: #4d4d4f;
        padding: 6px 5px 5px 5px; 
        background: rgb(247,247,247); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(231,231,231,1) 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(231,231,231,1) 100%); /* W3C */
        border-top: solid 1px #e0dedb;
        border-right: solid 1px #d6d4d2;
        border-left: solid 1px #d6d4d2;
        border-bottom: solid 1px #91908e; 
        cursor: pointer;
        font-size: 11px;
}



/** 0.7  plugin styles  --------------------------------------------------------------------*/

/*load mask */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #fff;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
   /* top: 0;*/
   top:200px !important;
    left: 0;
   /* border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;*/
}
.loadmask-msg div {
    padding: 0px; /*5px 10px 5px 25px;*/
    background: transparent url(../i/special-k-challenge-new/img-ajax-loader.gif)  no-repeat 5px 5px;
  width:20px;
  height:20px;
	/*border:1px solid #a3bad9;*/
   
    cursor:wait;
}
.load-messages{
    background: transparent url(../i/special-k-challenge-new/img-ajax-loader.gif)  no-repeat 5px 5px;
    width:20px;
    height:20px;
    cursor:wait;
    margin:0 auto;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}


/* modal */
#simplemodal-container a.modalCloseImg {
    background: url("../i/special-k-challenge-new/img-close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -5px;
    top: 5px;
    width: 25px;
    z-index: 3200;
}

#simplemodal-overlay {background-color:#ddd;}
#simplemodal-container {background-color:#fff; padding:0;}


/* UI modal styles */
.ui-modal{
    width: 471px;
}
.ui-modal .ui-modal-top{
    background: transparent url(../i/special-k-challenge-new/modal/spr-bg-modal-1.png) no-repeat top;
    min-height: 205px;
}
.ui-modal .ui-modal-top{
    background: transparent url(../i/special-k-challenge-new/modal/spr-bg-modal-1.png) no-repeat top;
    min-height: 205px;
    position: relative;
}
.ui-modal .ui-modal-bottom{
    background: transparent url(../i/special-k-challenge-new/modal/spr-bg-modal-1.png) no-repeat bottom;
    height: 20px;
}


/**1.0 ***************************************************************  SIGN UP  ****************************************/

#bodycontent-inner.dyp-signup-subsection
{  margin: 0 auto;
    width: 980px;
    padding-top:25px;
    position: relative;}

#bodycontent-inner.dyp-signup-subsection #wrapper  {
background:transparent url(../i/special-k-challenge-new/bg-657-pencils.png) no-repeat center bottom;
    padding: 0 165px 55px 165px;
    width: 650px;
     min-height: 400px;
 margin: 0 auto;

}




#bodycontent-inner.dyp-signup-subsection #wrapper-cap
{
    left: 160px;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    width: 980px;
    background: url(../i/special-k-challenge-new/bg-657-top.png) no-repeat scroll center 5px transparent;
    height: 10px;
    left: 0px;
    position: absolute;
}



/* #wrappr-cap is 1px off in all webkit browsers. solves that mysterious problem */

@media screen and (-webkit-min-device-pixel-ratio:0) {
        #bodycontent-inner.dyp-signup-subsection #wrapper-cap {
            left: -1px;
        }
}


#bodycontent-inner.dyp-signup-subsection  #top-cap
{

 left: 160px;
  margin: 0 auto;
    position: absolute;
    top: 8px;
    width: 657px;

}



#bodycontent-inner.dyp-signup-subsection #wrapper #heading
{height:48px;
/*background:#fff url(../i/special-k-challenge-new/bg-top.png) no-repeat left top;*/
background-color: #fff;
text-align:center;
padding-top:35px;
padding-bottom:0;
width:650px;
/*margin-left:-5px;*/
} 

#bodycontent-inner.dyp-signup-subsection #wrapper .title2 #heading
{height:68px;}

#bodycontent-inner.dyp-signup-subsection #wrapper  #fields
{background: transparent url(../i/special-k-challenge-new/bg-fields.jpg) no-repeat center top;
padding: 30px 40px 25px;
min-height:260px;
}





/**  1.1 Signup Forms General -------------------------------------------------------------------------------------------------------------------------------**/

#bodycontent-inner.dyp-signup-subsection #wrapper #fields hr
{
height:1px;
color: #d3d3d3;
background-color: #d3d3d3;
margin-bottom: 20px;}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields .description
{margin-bottom:20px;}

label{
float: left;
width: 115px;
text-align:right;
padding-right:10px;
height:28px;
line-height:28px;

}

#bodycontent-inner.dyp-signup-subsection #wrapper label.required
{
font-weight:bold;
}

#bodycontent-inner.dyp-signup-subsection #wrapper label.optional-field
{
  height: 16px;
  line-height: 16px;   
}

#bodycontent-inner.dyp-signup-subsection #wrapper div.optional
{   
font-size:9px;
margin-top:0px;
padding-top:0px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper input, #bodycontent-inner.dyp-signup-subsection #wrapper textarea, #bodycontent-inner.dyp-signup-subsection #wrapper select{
width: 360px;
margin-bottom: 20px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 select {
    width:228px;
} 
 #bodycontent-inner.dyp-signup-subsection #wrapper #fields .small
 {font-size:11px;
 line-height:normal;
}

#bodycontent-inner.dyp-signup-subsection #wrapper .phone-control input
{width:85px;}

#bodycontent-inner.dyp-signup-subsection #wrapper .phone-control .phone-separator {
    margin: 0 2px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper select.error {
    font-weight: normal;
    color:#ff0000;
}
#bodycontent-inner.dyp-signup-subsection #wrapper select.error option {
    color:#000;
}

#bodycontent-inner.dyp-signup-subsection #wrapper .date-selector select
{width:100px; margin-right:10px;}



#bodycontent-inner.dyp-signup-subsection #wrapper .radio-choices input, #bodycontent-inner.dyp-signup-subsection #wrapper .radio-choices label
{display:inline; width: auto; float:none;height:auto; margin-bottom: 0;}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 .radio-choices 
{margin-bottom: 20px;}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 .radio-choices input {
    margin-top: 5px;
    margin-right: 10px;
}
#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 .radio-choices .choice {
    display:inline;
}
#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 br {
    margin-bottom: 5px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper input.hinted, #bodycontent-inner.dyp-signup-subsection #wrapper textarea.hinted
{margin-bottom:2px;}

#bodycontent-inner.dyp-signup-subsection #wrapper  label.hint {line-height:30px;}
#bodycontent-inner.dyp-signup-subsection #wrapper  span.hint {font-size:10px;}
#bodycontent-inner.dyp-signup-subsection #wrapper  span.hint.error {color:#4d4d4f;font-weight:normal}
#bodycontent-inner.dyp-signup-subsection #wrapper  input {height:25px; line-height:25px;}
#bodycontent-inner.dyp-signup-subsection #wrapper  .narrow-field { width:180px; }

#bodycontent-inner.dyp-signup-subsection #wrapper  span.display-only { display: block; margin-bottom: 25px; }


#bodycontent-inner.dyp-signup-subsection #wrapper input {height:25px;}

#bodycontent-inner.dyp-signup-subsection #wrapper select {height:30px;eight: 30px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;}

#bodycontent-inner.dyp-signup-subsection #wrapper ul.subscriptions {  border-bottom: 1px solid #D8D6D6; margin-bottom:30px; }
#bodycontent-inner.dyp-signup-subsection #wrapper ul.subscriptions li {overflow:hidden; height:38px; }



#bodycontent-inner.dyp-signup-subsection #wrapper label.boxes {
    float: left;
    line-height: normal;
    height:auto;
    padding:0px;
    text-align: left;
    width: 330px;
    margin-bottom:20px;
    display: block;
 }





#bodycontent-inner.dyp-signup-subsection #wrapper textarea{
width: 250px;
height: 150px;
overflow:auto;
resize:none;

}

#bodycontent-inner.dyp-signup-subsection #wrapper input.boxes{
width: 1em;
height:1em;
float:left;
margin-right:10px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper input.error {
    color: inherit;
    font-weight: inherit;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper  br{
clear: left;
}

#bodycontent-inner.dyp-signup-subsection #wrapper div.input
{display:inline;}

#bodycontent-inner.dyp-signup-subsection #wrapper br.nonclearing{
clear: none;
}

#bodycontent-inner.dyp-signup-subsection #wrapper .tollfields label
{height:40px;}
tollfields input
{height:40px;}

#bodycontent-inner.dyp-signup-subsection #wrapper .tollfields input, #bodycontent-inner.dyp-signup-subsection #wrapper .tallfields select
{height:40px;}



/**  1.2 Signup Forms Individual Pages ----------------------------------------------------------------------------------------------**/

/* registration */
#top-cap ul.steps
{
/*background: url('../i/special-k-challenge-new/bg-steps.png') no-repeat bottom left;*/
margin: 0 auto;
width:150px;
height:44px;

}

#top-cap ul.steps li
{

float:left;
}

#top-cap ul.steps li span
{width:50px;
height: 44px;
display:block;
text-indent: -2222px;}



#top-cap ul.steps li .l1
{background-image:url('../i/special-k-challenge-new/bg-steps.png');
background-position: 0 0px ;
}

#top-cap ul.steps li .l2
{background-image:url('../i/special-k-challenge-new/bg-steps.png');
background-position: -50px 0px ;
}
#top-cap ul.steps li  .l3
{background-image:url('../i/special-k-challenge-new/bg-steps.png');
background-position: -99px 0px;
}



#top-cap ul.steps li.active .l1
{background-image:url('../i/special-k-challenge-new/bg-steps.png');
background-position: 0 -45px ;
}

#top-cap ul.steps li.active .l2
{background-image:url('../i/special-k-challenge-new/bg-steps.png');
background-position: -50px -45px ;
}
#top-cap ul.steps li.active .l3
{background-image:url('../i/special-k-challenge-new/bg-steps.png');
background-position: -99px -45px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper input#City, #bodycontent-inner.dyp-signup-subsection #wrapper  input#PostalCode
{width:180px;}

#bodycontent-inner.dyp-signup-subsection #wrapper select#State
{width:184px;}

#bodycontent-inner.dyp-signup-subsection #wrapper .survey-answers-multiple
{
margin-bottom:20px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper .survey-answers-multiple .even, #bodycontent-inner.dyp-signup-subsection #wrapper .survey-answers-multiple .odd
{float:left; width:190px; margin: 0 10px 0 0 ;}
#bodycontent-inner.dyp-signup-subsection #wrapper .survey-answers-multiple .even
{clear:left;}
#bodycontent-inner.dyp-signup-subsection #wrapper .survey-answers-multiple input
{width:auto; float:none; height:auto; margin-bottom: 0px; margin-right:10px;}
#bodycontent-inner.dyp-signup-subsection #wrapper .survey-answers-multiple label
{  float:none; text-align:left; width:auto;}

#bodycontent-inner.dyp-signup-subsection #wrapper #hdnEmail {
margin-bottom: 20px;
line-height: 28px;
margin-top: -12px;
}


#bodycontent-inner.dyp-signup-subsection #wrapper #step1 br.nonclearing {
line-height:0;
display:none;
}


#bodycontent-inner.dyp-signup-subsection #wrapper #step1 .box-challenge a img  { margin-bottom: -7px }

#bodycontent-inner.dyp-signup-subsection #wrapper #hdnEmail label {
    position: relative;
    font-weight:bold;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #hdnEmail #emailConfirm {
    display:block;
    font-weight:bold;
}
#bodycontent-inner.dyp-signup-subsection #wrapper #hdnEmail #lnkConfirm {
    margin-left:124px;
    vertical-align:middle;
}
#bodycontent-inner.dyp-signup-subsection #wrapper #hdnEmail #lnkEdit {
    cursor:pointer;
    cursor:hand;
}


#bodycontent-inner.dyp-signup-subsection #wrapper #step1 span.error {
    position:relative;
    display:block;
    left:124px;
    padding-bottom:4px;
    line-height:17px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #password span.error {
    margin-left:48px;
    display:block;
}
#bodycontent-inner.dyp-signup-subsection #wrapper div.error.generic-error{
    color: #FF0000;
    display: block;
    left: 124px;
    position: relative;
    width: 360px;
}
#bodycontent-inner.dyp-signup-subsection #wrapper form#password div.error.generic-error {
    left: 48px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper div.error.generic-error li{
    color:#F00;
    margin: 10px 0;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 span
      {display:block;}
#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 textarea
        {width:auto;}

#bodycontent-inner.dyp-signup-subsection #wrapper  #fields.reg-step-3 span.survey-question
 {  font-weight:bold;
        margin-bottom: 5px; display: block;}


#fields.reg-step-2 span.error {
   position: relative;
    left: 124px;
    display: block; 
}

#fields.reg-step-2 .radio-choices { 
    position: relative; 
    border-bottom: 1px solid #D8D6D6;
    padding-bottom:12px;
    margin-bottom:18px;
}

#fields.reg-step-2 .radio-choices input.error {
    top:0;
    position: inherit;
}
#fields.reg-step-2 .radio-choices em.error {
    position:absolute;
}

#fields.reg-step-2 label.display-only
{    float: left;
    height: auto;
    line-height: normal;
    margin-bottom: 15px;
    text-align: left;
    width: auto;}

#fields.reg-step-2 ul.subscriptions li
{display:block;}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-2 ul.subscriptions label
{

    float: left;
    line-height: normal;
    height:auto;
    padding:0px;
    text-align: left;
    width: 330px;
    margin-bottom:20px;

}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-2 ul.subscriptions input 

{
width: 1em;
height:1em;
float:left;
margin-right:10px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-2 a.button-red-rect{
position: relative;
left: -162px;
}

#bodycontent-inner.dyp-signup-subsection #wrapper #fields.reg-step-3 span.display-only
{margin-bottom: 15px;}


ul#reg-thankyou 
{margin-bottom: 20px;
background:url('../i/special-k-challenge-new/divider.png') no-repeat center 20px;
height:240px;
display:block;
}

ul#reg-thankyou li
{
width:267px; height:225px; 
display:block;
float:left;
text-align:center;
}


ul#reg-thankyou  #thanks-l a.dyp-button span, ul#reg-thankyou  #thanks-r a.dyp-button span,
ul#reg-thankyou  #thanks-l a.dyp-button, ul#reg-thankyou  #thanks-r a.dyp-button
{
background:none;
text-indent:-9000px;
}

ul#reg-thankyou  #thanks-l a.dyp-button, ul#reg-thankyou  #thanks-r a.dyp-button
{
    display:block;
    height: 200px;
    width: 250px;
}


ul#reg-thankyou  #thanks-l
{
margin-right:33px;
background:url('../i/special-k-challenge-new/bg-sq-reg-thankyou-l.jpg');}

ul#reg-thankyou #thanks-r
{
background:url('../i/special-k-challenge-new/bg-sq-reg-thankyou-r.jpg');}

ul#reg-thankyou  li a.button-red-rect
 {

 width:158px;
 margin: 0 auto !important;
 float:none !important;
 }

 #reg-edit-profile-preferences{
    padding:12px 0 16px 0;
    text-align:center;
   
  
 }

 form#login span.error{
    position: relative;
    display: block;
    left: 124px;
 }

 form#login a.dyp-button { width:120px; }



 /** 2.0 START PLAN  .dyp-start-plan-subsection  *****************************************************************************************/

 #bodycontent-inner.dyp-start-plan-subsection  {
 padding: 10px 0 0 0;
 width: 1024px;

 margin: 0 auto;

 position: relative;
}


 #bodycontent-inner.dyp-start-plan-subsection  #top-cap
{
margin: 0 auto ;
width: 750px;
font-size: 12px;
  background: url(../i/special-k-challenge-new/bg-top.png) no-repeat scroll 2px 15px transparent;
height:23px;



}





#bodycontent-inner.dyp-start-plan-subsection #heading,
#form.update-plan-flow #heading{
    min-height:30px;
    /* border-top: solid 1px #eee; */
    background-color: #fff;
    padding: 20px 0 10px;
    margin: 0 3px;
    text-align: center;
}

 #form.update-plan-flow #heading {padding-bottom:8px;}

  #bodycontent-inner.dyp-start-plan-subsection #heading h2 
  {font-size:28px; line-height:28px }

  #bodycontent-inner.dyp-start-plan-subsection #heading p 
  {color: #9F9F9F}

  #bodycontent-inner.dyp-start-plan-subsection #heading .selection-box {
    padding: 18px 38px;
    background-color: #EDEDED;
  }

 #bodycontent-inner.dyp-start-plan-subsection #heading .heading-cases h2 {
    padding-bottom: 13px; font-style: normal;
 }

 #bodycontent-inner.dyp-start-plan-subsection #heading .selection-box .selection-col-big {
    width: 269px; float: left; padding-top: 3px;
 }
 #bodycontent-inner.dyp-start-plan-subsection #heading .selection-box .selection-col-left {
    margin-right: 43px;
 } 
 #bodycontent-inner.dyp-start-plan-subsection #heading .selection-box .selection-col-right {
    margin-left: 40px;
 } 
 #bodycontent-inner.dyp-start-plan-subsection #heading .selection-box .selection-col-big .dyp-button {
    margin: 2px 0 0 46px;
 }

 #bodycontent-inner.dyp-start-plan-subsection #heading .selection-box .selection-col-small {
    width: 27px; height: 53px;
    background: url(../i/special-k-challenge-new/update-plan-OR.jpg) repeat-x 0 0;
    float: left;
    text-indent: -9999px;
 }

 #bodycontent-inner.dyp-start-plan-subsection #heading .breadcrumbs {
    padding-top: 10px; line-height: 26px; height: 26px;
 }

  #bodycontent-inner.dyp-start-plan-subsection #heading .breadcrumbs span {
    border-right: 1px solid #4D4D4F;
    padding: 0 10px;
  }

  #bodycontent-inner.dyp-start-plan-subsection #heading .breadcrumbs span.last {
    border-right:none;
  }

#bodycontent-inner.dyp-start-plan-subsection  #form,
#form.update-plan-flow {
    min-height: 430px;
    /* padding: 0 143px 52px 142px; */
    padding: 0 143px 90px 142px;
    width: 742px;
    margin: 0 auto;
 }




  #bodycontent-inner.dyp-start-plan-subsection .field,
  #form.update-plan-flow .field
  {
  background: url(../i/special-k-challenge-new/bg-startplan-field.png) repeat-x 0 0 ;
  min-height:110px;
  margin: 0 4px;
  padding: 5px 7px;
  text-align: center;
  }
  #bodycontent-inner #chooseNewPlanModal #fields .field {background:none;margin:0;padding:0;}

 #bodycontent-inner.dyp-start-plan-subsection .field .disclaimer{
    clear: both;
    color: #939598;
    font-size: 9px;
    line-height: 11px;
    margin: 0 0 8px;
    text-align: left;
    word-spacing: -0.1em;
    width: 101%;
 }

#chooseNewPlanModal #fields .disclaimer {
    clear: both;
    color: #939598;
    font-size: 9px;
    line-height: 11px;
    margin: 10px 0 8px;
    text-align: left;
    word-spacing: -0.1em;
    width:530px
 }

 #bodycontent-inner.dyp-start-plan-subsection .step1 em.error { 
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
  }
 #bodycontent-inner.dyp-start-plan-subsection .step1 input.error { 
    color: #F00
  }
 

 em.profane,
 #bodycontent-inner input.profane,
 #bodycontent-inner.dyp textarea.profane {color:#f00;font-weight:bold;}
 em.profane {display:inline-block;padding-bottom:5px;text-align:left;}
 #saved-gain-form {position:relative;}
 #saved-gain-form em.profane {position:absolute;top:-21px;left:-67px;width:400px;font-size:.85em;}
 .postEntry em.profane {padding:0 10px 0;}

 #bodycontent-inner.dyp-start-plan-subsection #background.step1
 {
    background:transparent url(../i/special-k-challenge-new/bg-startplan1.png) no-repeat 0 100px;
 }

  #bodycontent-inner.dyp-start-plan-subsection  .step1 #heading p { padding: 0 60px; }

#bodycontent-inner.dyp-start-plan-subsection .step1 #form,
.step1 #form.update-plan-flow {
    background:transparent url(../i/special-k-challenge-new/bg-739-strawberries.png) no-repeat center bottom;
    padding: 0 143px 86px 142px;
}

 #bodycontent-inner.dyp-start-plan-subsection #background.step2
 {
    background:transparent url(../i/special-k-challenge-new/bg-startplan2.png) no-repeat 0 100px;
 }
 #bodycontent-inner.dyp-start-plan-subsection #background.update-plan {background:none;}

   #bodycontent-inner.dyp-start-plan-subsection  .step2 #form,
   .step2 #form.update-plan-flow
 {
background:transparent url(../i/special-k-challenge-new/bg-739-strawberries.png) no-repeat center bottom;

 }

  #bodycontent-inner.dyp-start-plan-subsection  .step2 #form .wrap-btns { width:335px; }

 #bodycontent-inner.dyp-start-plan-subsection  .step2 #overlay-modal {
    background-color: white;
    height: 300px;
    left: 140px;
    position: absolute;
    width: 739px;
    display: none;
    z-index: 400;
 }


 /* PICK A NEW PLAN MODAL */

  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal {
    left: 215px;
    position: absolute;
    top: 114px;
    width: 587px;
    z-index: 401;
    display: none;
  }

  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .choose-plan-modal-top {
  background:transparent url(../i/special-k-challenge-new/bg-modal-box-top.png) no-repeat center top;
  height: 12px;
  }
  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .choose-plan-modal-middle {
  background:transparent url(../i/special-k-challenge-new/bg-modal-box-middle.png) repeat center top;
  min-height: 379px;
  padding: 8px;
  }
  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .choose-plan-modal-bottom {
  background:transparent url(../i/special-k-challenge-new/bg-modal-box-bottom.png) no-repeat center top;
  height: 12px;
  }

  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .modal-header {
  font-size: 20px;
  padding: 10px 19px;
  }

  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .field { 
  padding: 28px 18px 0;
  }

 #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .field .choose-plan-modal-text {
    margin-bottom: 14px;
    text-align: left;
 }
 #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .field .choose-plan-modal-text p {
  margin-bottom: 2px;
 }
 #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .field .disclaimer {
    margin-bottom: 17px;
 }
  #bodycontent-inner.dyp-start-plan-subsection .step2 #choose-plan-modal .field  .choose-modal-btn-wrapper {
  margin: 0 auto;
    width: 272px;
 }

 /** end modal **/

#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small {
    width: 131px;
    height: 160px;
    background: transparent url('../i/special-k-challenge-new/bg-pick-a-new-plan.png') no-repeat 0 0;
}
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small a {
    margin: 2px 5px 7px 4px; 
    height: 115px;
    padding: 21px 10px 15px;
}
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small.selected a {
    margin: 2px 5px 7px 4px !important; 
    padding-top: 19px;
}
#bodycontent-inner.dyp-start-plan-subsection #challenge-option-1.box-challenge.box-challenge-small.selected a {
    margin: 2px 5px 7px 4px !important; 
    padding-top: 19px;
}
#bodycontent-inner.dyp-start-plan-subsection #challenge-option-1.box-challenge.box-challenge-small a {
    padding: 21px 4px 15px;
}
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small a:hover {
    margin: 2px 5px 7px 4px !important; 
    padding-top: 19px;
}
#bodycontent-inner.dyp-start-plan-subsection #challenge-option-1.box-challenge.box-challenge-small a:hover {
    padding-top: 19px
}
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small strong {
    font-size: 15px;
    line-height: 12px;
}
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small span {
    font-size: 10px;
    line-height: 10px;
    }
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.min-text-box.box-challenge-small span {
    display: block;
    line-height: 18px;
    margin-top: 27px;
}
#bodycontent-inner.dyp-start-plan-subsection .box-challenge.box-challenge-small img {
    margin-bottom: -2px !important;
    margin-top: 2px;
}

#bodycontent-inner.dyp-start-plan-subsection .breadcrumbs span em { font-style: normal }

#bodycontent-inner.dyp-start-plan-subsection #case-1 { display:none }

 #bodycontent-inner.dyp-start-plan-subsection  .step2 em.error { display: block; clear:both; padding: 10px; font-style:normal }
  #bodycontent-inner.dyp-start-plan-subsection  .step2 .errorPlace { display: block; clear: both; padding-top: 5px; display: none}
  #bodycontent-inner.dyp-start-plan-subsection  .step2 .birthday-error { right: 0; text-align: right; top: -5px; float: right; width: 300px}
  #bodycontent-inner.dyp-start-plan-subsection  .step2 .activity-error {}
   #bodycontent-inner.dyp-start-plan-subsection  .step2 .goal-error em.error {padding-top: 0}
   #bodycontent-inner.dyp-start-plan-subsection  .step2 .acceptTerms-error {}

#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box label {
    width: 102px; color: #000;
}
#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box input {
    float: left;
}
#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box-large .body { overflow: hidden }

#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box span { float: left; width: 20px; line-height: 28px; }
#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box input.weight-goal { width: 96px }
#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box input.height-goal {width:34px}
#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box select.event-goal { width: 155px; height: 28px; line-height: 28px; padding: 5px; left: -6px; position: relative; }
#bodycontent-inner.dyp-start-plan-subsection #goal.field .form-box input.eventdate-goal { width:89px }

#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large label { width: auto; padding-right: 8px; }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large input { float: left; }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large span { float: left; line-height: 28px; color:#AAA; padding: 0 3px }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large label.height { margin-left: 20px }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large label.tolose { margin-left: 15px }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large input.today-weight { width: 96px }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large input.heights { width: 38px }
#bodycontent-inner.dyp-start-plan-subsection #goal2.field .form-box-large input.tolose { width: 60px }

#bodycontent-inner.dyp-start-plan-subsection #goal2.field .box {display: none}

#bodycontent-inner.dyp-start-plan-subsection #goal3.field {}
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box .form-box-line { height: auto !important; margin: 0 auto; padding-top: 7px; width: 422px;}
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box .body { padding: 0 30px; }
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box label { width: auto; padding-right: 8px; }
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box input { float: left; }
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box span { float: left; line-height: 28px; color:#AAA; padding: 0 3px }
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box label.height { margin-left: 20px }
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box input.today-weight { width: 96px }
#bodycontent-inner.dyp-start-plan-subsection #goal3.field .form-box input.heights { width: 38px }

#bodycontent-inner.dyp-start-plan-subsection #goal3.field .box { display: none}

#bodycontent-inner.dyp-start-plan-subsection .field .bodyfield,
#form.update-plan-flow .field .bodyfield { width: 560px; margin: 0 auto; overflow: hidden; position: relative }
#bodycontent-inner.dyp-start-plan-subsection .field .bodyfield .gender-error { position: relative; left: 60px; float:left; clear: both}
#bodycontent-inner.dyp-start-plan-subsection .field .bodyfield .box-white-small { cursor: pointer; }

#bodycontent-inner.dyp-start-plan-subsection .field .terms { width: 530px; margin: 0 auto; padding: 20px 0; }
#bodycontent-inner.dyp-start-plan-subsection .field .terms input { float: left; padding: 0; }
#bodycontent-inner.dyp-start-plan-subsection .field .terms label { 
    font-size: 11px;
    line-height: 16px;
    padding: 3px 0 0 10px;
    text-align: left;
    width: 480px; 
    height: auto;
 }

#bodycontent-inner.dyp-start-plan-subsection .field .wrap-btns,
#form.update-plan-flow .field .wrap-btns,#chooseNewPlanModal #fields .field .wrap-btns{ width: 333px; margin: 0 auto; padding: 25px 0 0; vertical-align:top; }
#bodycontent-inner.dyp-start-plan-subsection .field .wrap-btns .fixed-width,
#form.update-plan-flow .field .wrap-btns .fixed-width { width: 150px; }
#bodycontent-inner.dyp-start-plan-subsection .field .wrap-btns span.text-right,
#form.update-plan-flow .field .wrap-btns span.text-right { 
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding-right: 6px;
    text-align: right; 
 }
 #bodycontent-inner.dyp-start-plan-subsection .wrap-btns #sendForm{ 
    margin-left: 15px;
 }
 

#date-field.field .date-wrapper { width:132px; margin: 0 auto; overflow: hidden }
#date-field.field .date-wrapper .box-white-small span { padding: 17px 13px 0 25px; height: 44px }
#date-field.field .date-wrapper .box-white-small input { width: 89px; text-align: center; vertical-align: 2px; }
#bodycontent-inner.dyp-start-plan-subsection #date-field.field .box { margin-top: 0; display: none }

/* SOME FORM ELEMENTS */
#bodycontent-inner.dyp-start-plan-subsection .field .gain {
margin: 14px 0 30px;
}
#bodycontent-inner.dyp-start-plan-subsection .field .gain .gain-text{
float:left;
}
#bodycontent-inner.dyp-start-plan-subsection .field .gain .input-wrap {
border-left: 1px solid #5c5a5b;
margin-left: 138px;
padding-left: 15px;
}
#bodycontent-inner.dyp-start-plan-subsection .field .gain label {
display: block;
font-size: 1em;
font-weight: normal;
width: auto;
padding: 0 7px !important;
margin: 0;
text-align: center;
font-family: Georgia;
color: #FFF;
float: left;
background-color:#EA1E51;
border-color: #8F8F8F #EA1E51 #EA1E51 #AAAAAA;
border-style: solid;
border-width: 1px;
height: 26px;
}

.field input {
    background-color: #F6F6F6;
    border-width: 1px;
    border-color: #8F8F8F #AAAAAA #CCCCCC #CCCCCC;
    border-style: solid;
    height: 20px;
    padding: 3px;
    color: #767676
}
.field input[type="checkbox"] {
    border: none
}
#bodycontent-inner.dyp-start-plan-subsection .field .gain input {
    width: 396px;
    float: left;
    vertical-align:middle;
    margin-bottom: 10px;
    line-height:22px;
    
}
#bodycontent-inner.dyp-start-plan-subsection .field .gain p {
text-align:left;
}
#bodycontent-inner.dyp-start-plan-subsection .field .gain .gain-quest {
width:440px;
}
#bodycontent-inner.dyp-start-plan-subsection .field p.tiny-text {
font-size: 11px;
margin-bottom: 0;
color: #8F8F8F;
}

#bodycontent-inner.dyp-start-plan-subsection .field .box-challenge.selected a {
border-width: 2px;
border-style: solid;
margin: 6px;
}
#bodycontent-inner.dyp-start-plan-subsection .field .box-challenge a:hover {
border-width: 2px;
border-style: solid;
margin: 6px;
}
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-1.box-challenge img { margin-bottom: -10px; }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-1.box-challenge.selected a { border-color:#EA1E51 }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-2.box-challenge.selected a { border-color:#FD8048 }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-3.box-challenge.selected a { border-color:#9B131F }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-4.box-challenge.selected a { border-color:#A70D7F }

#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-1.box-challenge a:hover { border-color:#EA1E51; }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-2.box-challenge a:hover { border-color:#FD8048 }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-3.box-challenge a:hover { border-color:#9B131F }
#bodycontent-inner.dyp-start-plan-subsection .field #challenge-option-4.box-challenge a:hover { border-color:#A70D7F }

#bodycontent-inner.dyp-start-plan-subsection .field .box-challenge.spk-xsmall a { 
    background: transparent url(../i/special-k-challenge-new/logo-spk-xsmall.jpg) no-repeat 130px 166px;
}

#bodycontent-inner.dyp-start-plan-subsection #chooseNewPlanModal .field .box-challenge.spk-xsmall a { padding:50px 10px 18px;}
#bodycontent-inner.dyp-start-plan-subsection #chooseNewPlanModal .field .box-challenge.spk-xsmall a:hover,
#bodycontent-inner.dyp-start-plan-subsection #chooseNewPlanModal .field .box-challenge.selected a { padding:48px 8px 13px}
#bodycontent-inner.dyp-start-plan-subsection #chooseNewPlanModal .field #challenge-option-1.box-challenge a {padding:68px 0 14px}
#bodycontent-inner.dyp-start-plan-subsection #chooseNewPlanModal .field #challenge-option-1.box-challenge a:hover,
#bodycontent-inner.dyp-start-plan-subsection #chooseNewPlanModal .field #challenge-option-1.selected a {padding:66px 0 12px}

#bodycontent-inner.dyp-start-plan-subsection .field .button-wrapper {
margin: 0 auto;
display: block;
width: 150px;
padding: 20px;
}

#bodycontent-inner.dyp-start-plan-subsection .field #phrase { 
padding:20px;
}

/*----- Date Picker / Calendar -----*/

div.ui-datepicker {
    padding: 10px;
    width: 216px;
    min-height: 173px;
    z-index: 10002;
    display: none;
    background: url(../i/special-k-challenge-new/calendar-bg.png) no-repeat;
}

iframe.ui-datepicker-cover { display: none; }

div.ui-datepicker-header {
    background:#f5f5f5 url(../i/special-k-challenge-new/bg-startplan-field.png) repeat-x 0 0 ;
    border-bottom: 2px solid #FFF;
    height: 27px;
    position: relative;
    width: 206px;
    padding: 5px;
}

a.ui-datepicker-prev, a.ui-datepicker-next {
    height: 17px;
    position: absolute;
    width: 21px;
    top: 11px;
}

a.ui-datepicker-prev { left: 0px; }
a.ui-datepicker-next { right: 0px; }

a.ui-datepicker-prev span, a.ui-datepicker-next span {
    display: block;
    height: 17px;
    text-indent: -10000px;
    width: 21px;
}

a.ui-datepicker-prev span { background: url(../i/special-k-challenge-new/calendar-left-arrow.gif) no-repeat center top; }
a.ui-datepicker-next span { background: url(../i/special-k-challenge-new/calendar-right-arrow.gif) no-repeat center top; }
a.ui-datepicker-prev:hover span { background: url(../i/special-k-challenge-new/calendar-left-arrow.gif) no-repeat center bottom; }
a.ui-datepicker-next:hover span { background: url(../i/special-k-challenge-new/calendar-right-arrow.gif) no-repeat center bottom; }

div.ui-datepicker-title {
    color: #444;
    margin: 0 31px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

table.ui-datepicker-calendar {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    width: 216px;
}

table.ui-datepicker-calendar thead {display:none; }

table.ui-datepicker-calendar tr th {
    background: url(../i/design-your-plan/calendar-table-header.gif) repeat-x;
    color: #FFF;
    padding: 2px 0;
}

table.ui-datepicker-calendar tr td {
    background: url(../i/special-k-challenge-new/calendar-cell-background.gif) no-repeat;
    border: none;
    color: #444;
    padding: 0;
    text-align: center;
}

table.ui-datepicker-calendar tr td a {
    color: #000;
    line-height: 22px;
    display: block;
    font-weight: bold;
}
table.ui-datepicker-calendar tr td span.ui-state-default { line-height: 22px }

table.ui-datepicker-calendar tr td a.ui-state-highlight { color: #EA1E51 }

table.ui-datepicker-calendar tr td a:hover { color: #FFF; background-color: #4c4c4e }

table.ui-datepicker-calendar tr td.ui-datepicker-current-day a { background-color: #EA1E51; color: white}



/** 3.0 MANAGE PLAN  .dyp-manage-plan-subsection  *****************************************************************************************/


#bodycontent-inner.dyp-manage-plan-subsection  {
padding-top:20px;}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper  {
    padding: 0px;
    width: 900px;
   /* min-height: 800px;*/
    margin: 0 auto;
   }

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #tabs {
    height:25px;
    margin: 0 5px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #messages {
    border: solid 1px #d3d3d3;
    padding: 20px 20px 10px;
    margin: -1px 5px 10px 5px;
    position: relative;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #main  {
    
}
    #bodycontent-inner.dyp-manage-plan-subsection #wrapper  #main > .top
            {
            background:url('../i/special-k-challenge-new/bg-main-top.png') no-repeat 0 0;
            height:4px;
            }
            
            #bodycontent-inner.dyp-manage-plan-subsection #wrapper  #main > .body
            {
            background:url('../i/special-k-challenge-new/bg-main-body.png') repeat-y 0 0;
            }
    
            #bodycontent-inner.dyp-manage-plan-subsection #wrapper  #main > .bottom
            {
            background:url('../i/special-k-challenge-new/bg-main-bottom.png') no-repeat 0 0;
            height:5px;
            }
            
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #left {
float:left;
width:612px;
/* 604 - 614 titak*/
padding: /*5px 10px 10px 10px;*/
}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #left-bottom-cap {
height:20px;
background: url('../i/special-k-challenge-new/bg-manage-plan-left-b.png') no-repeat left bottom;}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #right {
float:left;
width:287px;
padding: 2px 0;}

.dyp-manage-plan-subsection #meal-profile-nav{
    height:50px;
    background: url('../i/special-k-challenge-new/bg-manage-plan-left-t.png') no-repeat 0 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
 }

 #mealplan{
    background: url('../i/special-k-challenge-new/bg-manage-plan-left.png') repeat-y center left;
    padding: 0 15px 0 15px;
    font-size:11px;
}

/**  3.1 Manage Meal Plan Profile -------------------------------------------------------------------------------------------------------------------------------**/
 #profile {
    padding: 30px 10px 15px 0;
    background: url('../i/special-k-challenge-new/bg-profile.png') no-repeat 0 0;
    height:32px;
    margin-bottom:10px;
    margin-left:-2px;
    position:relative;
}

#profile div {
    float:left;
}
#profile .days, #profile .goal, #profile .gain{
    float:left;
    margin-left: 14px;
    display: inline-block;
}

#profile .days{
    width: 150px; 
}
#profile .days .days-to-go{
    margin-left: 17px;
}

#profile .goal .ui-large, #profile .gain .ui-large{
    height: 50px;
    /*max-height: 36px;*/
    overflow: hidden;
    margin: 1px 0 0 5px;
}

#profile .goal{width: 295px;}

#profile .goal .my-goal{
    height: 46px;
    left: 235px;
    position: absolute;
    top: 22px;
    width: 230px;
    font-size: 12px;
}
#profile .goal .my-goal.three-lines{
    padding-top: 5px;
    top: 11px;
}

#profile .goal a {
    margin: 0;
    position: absolute;
    left: 187px;
}
#profile .goal a.one-line {
 top: 1px;
 line-height: 33px;
}
#profile .goal a.two-lines {
 top: 10px;
 line-height: 15px;
}
#profile .goal a.three-lines {
 top: 20px;
 line-height: 15px;
}
#profile .goal p#my-goal {
    margin: 0;
    width: 184px;
}
#profile .goal p#my-goal.goal-friend {
    width: 100%;
}
#profile .goal p#my-goal.one-line {
    line-height: 33px;
}
#profile .goal p#my-goal.two-lines,
#profile .goal p#my-goal.three-lines{
    line-height: 15px;
}

#profile .goal p#my-goal span{
    display: inline-block;
}

#profile .gain{width: 388px;}
#profile .gain .ui-large{max-width: 290px;}
#profile .gain .unentered{
    font-size:13px;
    font-style:italic;
    color:#999999;
}

#profile .gain a.edit{
    margin-left: 15px;
}

#profile #profile-days-number{
    font-size: 24px;
    text-align:center;
    color: #FFF; 
    margin-left: 6px;
    font-weight: bold;
    min-width: 28px;
    float: left;
}

/* ui-SearchInput - User Profile Plan Module */
#profile .ui-SearchInput{
	background-color: #f6f4f5;
	padding: 2px;
	border-color: #cacac2;
    position: relative;
    bottom: 1px;
    margin: 0 10px;
    border:1px solid #cacac2;
    border-top-color:#898884;
    height:20px;
}
#profile .ui-SearchInput input[type="text"]{
	border: none;
	background: none;
    margin: 0 5px;
    font-size:11px;
    width:194px;
}
#profile .ui-SearchInput button {
	background: #004681;
	color: #FFFFFF;
	border: none;
	font-size: 0.8em;
	padding: 3px 6px;
	border-radius: 3px;
	cursor: pointer;
}

/**  3.2 Manage Meal Plan Meal Plan -------------------------------------------------------------------------------------------------------------------------------**/

#mealplan .meal-plan-navigation{
    height: 25px;
    margin-bottom: 15px;
    padding-top: 20px;
}

#mealplan .view-by
{width:125px;
float:left;
padding-top:5px;}

#bodycontent-inner.dyp #mealplan .view-by .active {cursor:default;color:#999;}

#mealplan .date-area-wrapper
{
width:160px;
float:left;
width:295px;
text-align:center;

}

#mealplan .date-area
{
width:160px;
margin: auto;
padding:5px 20px 0px 20px ;
position:relative;

}

#mealplan .utils
{
width:154px; 
float:right;
 background: url('../i/special-k-challenge-new/bg-manage-plan-utils.png') no-repeat 0 0;
}

#mealplan .utils a
{
display:block;
float:left;



width:15px;
margin-right:10px;
height:20px;
text-indent: -99999px;
text-align:left;
}

#mealplan .utils a#lnkShoppingList {
    margin-right: 0;
    padding-left: 35px;
    padding-top: 5px;
    text-indent: 0;
    width: 67px;
}



a.back-nav {
    background: url("../i/special-k-challenge-new/sprites/spr-prev-next-arrows.png") no-repeat scroll 0 2px transparent;
    display: inline-block;
    height: 14px;
    font-size:11px;
    font-weight:bold;
    }


  /** 3.2.1  Meal Plan Week View     -------------------------------------------------------*/



   #meal-plan-week-view .meal-list-item .date-row
 {
 background-color: #ececec;
 border-bottom: solid 1px #e1e1e1;
 padding:8px 15px;
 margin-bottom: 10px;
 clear:both;
 color: #4d4d4f;
 font-size:15px;
 font-weight:bold;
 }

    #meal-plan-week-view .meal-list-item .date-row a
    {
    font-size:11px;
    }

    #meal-plan-week-view .meal-list-item{
        font-weight: bold
    }

  #meal-plan-week-view .meal-list-item  .image
  {
  width: 105px; padding: 10px;
  float:left;
  }
#meal-plan-week-view .meal-list-item  .image img
{
border:solid 3px #ececec;
background: yellow;
width: 99px;
height:99px;
}

#meal-plan-week-view .left
{ 
float:left;
width:268px;
padding:0 10px 5px 0;

}

#meal-plan-week-view .right
{
background: url('../i/special-k-challenge-new/bg-v-separator.gif') no-repeat 0 0;
padding: 0 20px 5px 20px;
float:right;
width:140px;
}

#meal-plan-week-view dt
{margin-top:6px;
font-size:12px;}

#meal-plan-week-view dd
{margin-bottom:6px;
font-size:11px;}



/** [SKDYPWEB-27 -> SKDYPWEB-39]
3.2.2  Meal Plan Day View     ------------- */

#meal-plan-day-view .meal-list-view{
   margin-bottom:20px;
}

#meal-plan-day-view .meal-list-view .image{
  width: 105px; 
  float:left;
  border: solid 1px #e1e1e1;
  width:274px;
  height:320px;
}

#meal-plan-day-view .meal-list-view .image img{
    width:274px;
    margin-bottom:18px;
}

#meal-plan-day-view .meal-list-view a{
    margin-left:35px;
    float:left
}

#meal-plan-day-view .meal-list-view .cal{
    width:90px;
    height:30px;
    float:right;
    display:block; 
    padding-top: 6px;
}

#meal-plan-day-view .meal-list-view  ul
{width:290px;
float:right;
}

#meal-plan-day-view .meal-list-view  li
{display:block;
padding:14px 20px 0px 20px;
height:50px;
font-size: 11px;
line-height:normal;
background: url('../i/special-k-challenge-new/bg-meal-day-inactive.png') no-repeat 0 0;
cursor: pointer;}

#meal-plan-day-view .meal-list-view  li.active, #meal-plan-day-view .meal-list-view  li.hover
{

background: url('../i/special-k-challenge-new/bg-meal-day-active.png') no-repeat 0 0;}

#meal-plan-day-view .meal-list-view  li.last{
height:51px;
}

#meal-plan-day-view .meal-list-view  li strong{
    display:block;
}

#meal-plan-day-view .meal-list-view  li.active strong{
    color: #ed174f;
    display:block;
}

#meal-plan-day-view .meal-detail-view-recipe,
#meal-plan-day-view .meal-detail-view-meal{
    margin-bottom: 30px;
}

#meal-plan-day-view .red, 
#meal-plan-day-view .ui-h2{
    font-weight:bold;
    margin-bottom:5px
}


#meal-plan-day-view .description{margin-top:20px;}

#meal-plan-day-view .frequency{
    margin-top: 10px;
}

#meal-plan-day-view .fb-like-section{
    margin-top: 20px;
}

.meal-detail-view-product .left{
/*float:left; width:330px; margin-right:42px;*/
}
.meal-detail-view-recipe .ingredients,
.meal-detail-view-recipe .directions{
    font-size: 12px;
}
.meal-detail-view-recipe .directions{
    width:330px;
    margin-right:42px;
    float:left;
}
.meal-detail-view-recipe .directions ol{
    list-style: decimal;
    list-style-position: inside;  
    font-weight:bold;
}
.meal-detail-view-recipe .directions ol li{
    margin-bottom:13px;
}
.meal-detail-view-recipe .directions ol li span{
    font-weight:normal;
}
.meal-detail-view-recipe .ingredients{
    float:left;
    width:210px;
}
.meal-detail-view-recipe .ingredients ul{
    list-style: disc outside none;
    margin-left: 16px;
}
.meal-detail-view-product .ingredients ul{
    list-style: none outside none;
    margin-left: 0px;
    margin-bottom: 15px;
    margin-top:5px;
}

a.buy-now{
    width: 78px;
    height: 22px;
    background: url('../i/special-k-challenge-new/buttons/bt-buy-now.png') no-repeat;
    text-indent: -9999px;
    display: inline-block;
}

a.date-nav{
    background: url('../i/special-k-challenge-new/sprites/spr-prev-next-arrows.png') no-repeat;
    width: 12px; 
    height: 12px; 
    display: inline-block;
    text-indent: -9999px;
    position: absolute;
}

a.date-prev{

    top:7px;
    left:0px;
}

a.date-next{
    background-position: 0 -11px;
    top:7px;
    right:0px;
}

.meal-plan-navigation .date-area a{
    vertical-align: sub
}

/* Meal Swap */
#swap-viewport {
    overflow: hidden;
    position: relative;
    width: 584px;
}
.swap-content-wrapper {
    left: 0;
    overflow: hidden;
    position: relative;
    width: 1800px
}
.swap-left,
.swap-right {
    float: left;
}
.swap-left,
#meal-swap-meal-detail,
#meal-swap-screen-wrapper{
    width: 584px;
    float: left;
}

    #mealplan .swap-back{
        margin-bottom: 15px;
        display: block;
    }

    #mealplan .swap-header{
        overflow: hidden;
        margin-bottom: 10px; 
        padding-bottom: 20px;
    }
    #mealplan .swap-header h3{
        margin-bottom: 5px;
        width: 277px;
    }
    #mealplan .swap-meal{
        width: 275px;
        min-height: 65px;
    }
    #mealplan .swap-meal p{
        line-height: 14px;
        margin-bottom: 0;
    }
    #mealplan .swap-meal div{
        margin-left: 83px;
        margin-top: 5px;
    }
    #mealplan .swap-meal.swap-not-ready{
        text-align:center;
    }
    #mealplan .swap-meal.swap-not-ready p{
        margin-top: 23px;
    }
    #mealplan .swap-meal img{
        margin-right: 5px; 
        float: left;
    }
 
    #mealplan #swap-selected-meal{
        position: relative;
    }
    #mealplan #swap-selected-meal p{
        width: 420px;
    }
    #mealplan #swap-selected-meal a{
        margin-top: -20px;
        position: absolute;
        right: 0;
        top: 50%;
    }
    
    #mealplan .swap-form{
       height: 50px;
        overflow: hidden;
        padding-bottom: 30px;
        position: relative;
    }
    #mealplan .swap-form-left select{
        height: 28px;
        width: 222px;
    }
    #mealplan .swap-form-left #sel-swap-options option{
        /*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0,color=#FF0000)
         progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0,color=#FF0000)
         progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5,color=#FF0000)
         progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5,color=#FF0000);*/
         *padding:5px!important;
    }
    #mealplan .swap-form-left select option{
        *background-color:white!important;
    }
    #mealplan .swap-form-right input[type="text"]{
        width: 260px;
    }
  
    #mealplan .swap-form-left,
    #mealplan .swap-form-right{
        /*height: 50px;*/
        position: absolute;
    }
  
    #mealplan .swap-form-left{
        left: 0;
    }
    #mealplan .swap-form-right{
        left: 255px;
    }
    #mealplan .swap-form-right input{
        margin: 0
    }

    #mealplan .swap-form .or-separator {
        display: inline-block;
        left: 218px;
        margin: 0 10px;
        position: absolute;
        top: 32px;
    }
    
    #mealplan .swap-list-header-info{
        padding: 20px 0; 
        margin-bottom: 20px;
    }
    
    #mealplan #swap-meal-list{
        font-size: 13px;
    }
    #mealplan #swap-meal-list li{
        overflow: hidden; 
        height: 35px;
    }
    #mealplan #swap-meal-list .cal{
        float: right;
    }

    /* Tooptip */
    .meal-swap-tooltip{
        width: 274px;
        height: 137px;
        background: url('../i/special-k-challenge-new/bg-tooltip.png') no-repeat;
        z-index:999;
        left:-9999px;
    }
    .meal-swap-tooltip,
    .meal-swap-tooltip a,
    .meal-swap-tooltip img,
    .meal-swap-tooltip p{
        position: absolute;
    }
   .meal-swap-tooltip p {
        font-weight: bold;
        height: 45px;
        left: 89px;
        top: 14px;
        width: 150px;
    }
  .meal-swap-tooltip a.dyp-button{
      left: 153px;
      top: 60px;
   }
   .meal-swap-tooltip a.ui-close-btn {
        text-indent: -9999px;
        top: 10px;
        right: 0;
    }
  .meal-swap-tooltip img {
      left: 14px;
      top: 14px;
   }

    /* Meal Swap Product View */
    #mealplan .meal-swap-detail-header{
        padding: 15px 0;
    }
    #mealplan .meal-swap-detail-header img{
        display: inline-block;
    }


    /* Bottom slider ( Meal List | Meal detail )*/
    #wrapper-bottom-slider{
        width: 1170px;
        position: relative;
    }
    #wrapper-bottom-slider .slider-meal-list,
    #wrapper-bottom-slider .slider-meal-detail{
        width: 584px;
        float: left;
    }

    #meal-swap-meal-detail #new-meal-information .image{
        float: left; 
        margin-right: 10px;
    }
    #meal-swap-meal-detail #new-meal-information .new-meal-header-info{
        float: left;
        width: 285px;
    }
    #meal-swap-meal-detail #new-meal-information .new-meal-header-info h2{
        line-height: 22px
    }
    #meal-swap-meal-detail #new-meal-ingredients{
        width: 170px;
        font-size: 10px;
        padding: 10px 0;
    }
    #meal-swap-meal-detail #new-meal-ingredients ul{
        list-style: disc outside none;
        margin-left: 12px;
    }

     #meal-swap-meal-detail #new-meal-ingredients.special-k ul{
        list-style: none inside none;
        margin-left: 0px;
    }
    
    #meal-swap-meal-detail #new-meal-ingredients ul li{
        font-size: 10px;
    }

    #meal-swap-meal-detail #new-meal-ingredients .meal-detail-view-recipe{
        padding-top: 20px;
    }
    #meal-swap-meal-detail #new-meal-ingredients .meal-detail-view-recipe .fb-like-section iframe{
        width: 400px !important;
    }

    #meal-swap-meal-detail .directions{
        padding-top: 10px;
    }


    #meal-swap-meal-detail a.buy-now{ 
        margin:15px auto
    }

#bodycontent-inner.dyp #mealplan p.error{
    color: #F00
}
   

/**  3.3 Manage Meal Journal -------------------------------------------------------------------------------------------------------------------------------**/

.topCont{
    background: url('../i/special-k-challenge-new/bg-top-journal.png') no-repeat;
    width:292px;
    height:5px;
}

.midCont{
    background: url('../i/special-k-challenge-new/bg-mid-journal.png') repeat-y;
    width:272px;
    padding:5px 10px;
}

#bodycontent-inner.dyp div.bottomCont{
    background: url('../i/special-k-challenge-new/bg-bottom-journal.png') no-repeat;
    font-size:9px;
    font-family:Arial;
    color:#4d4d4f;
    height:auto;
    padding:6px 12px;
}

.midCont .date-entry-container{
    background: #ececec;
    border-bottom:1px solid #D1D2D3;
}

.midCont .date-entry-container h3{
    margin:12px 0 0;
    clear:both;
}

.midCont .date-entry-container .buttonsJournal ul.buttonsLeft{
    float:left;
    text-align: center;
}

.midCont .date-entry-container .buttonsJournal ul.buttonsRight{
    float:right;
    text-align: center;
}

.midCont .date-entry-container .buttonsJournal ul li{
    margin:2px 2px 5px;
    line-height: 22px;
}

.midCont .date-entry-container .buttonsJournal ul.buttonsLeft li a{
    display:block;
   /* background: url('../i/special-k-challenge-new/bg-button-left-journal.png') no-repeat top;*/
   background: url('../i/special-k-challenge-new/sprites/moods-status-progress.jpg') no-repeat 0 0 ;
   
    width:126px;
    height:24px;
    color:#fff;
    font-size:13px;
    text-shadow:0.1em 0.1em 0.2em #0F0F0F;
    vertical-align:middle;
    line-height: 22px;
}

.midCont .date-entry-container .buttonsJournal  ul.buttonsLeft li.j5 a
{background-position: 0 -1px;}
.midCont .date-entry-container .buttonsJournal  ul.buttonsLeft  li.j1 a
{background-position: 0 -28px;}
.midCont .date-entry-container .buttonsJournal  ul.buttonsLeft  li.j4 a
{background-position: 0 -55px;}




.midCont .date-entry-container .buttonsJournal ul.buttonsRight li.j2 a
{background-position: -130px -1px;}
.midCont .date-entry-container .buttonsJournal ul.buttonsRight  li.j3 a
{background-position: -130px -28px;}
.midCont .date-entry-container .buttonsJournal ul.buttonsRight  li.j6 a
{background-position: -130px -55px;}





#bodycontent-inner.dyp-manage-plan-subsection #wrapper .midCont .date-entry-container .buttonsJournal ul li a,
#bodycontent-inner.dyp-manage-plan-subsection #wrapper .midCont .date-entry-container .buttonsJournal ul li a:visited{
    color:#fff;
}

/*
.midCont .date-entry-container .buttonsJournal ul.buttonsLeft li a:hover{
    background: url('../i/special-k-challenge-new/bg-button-left-journal.png') no-repeat bottom;
}
*/
.midCont .date-entry-container .buttonsJournal ul.buttonsRight li a{
    display:block;
    /*background: url('../i/special-k-challenge-new/bg-button-right-journal.png') no-repeat top;*/
       background: url('../i/special-k-challenge-new/sprites/moods-status-progress.jpg') no-repeat 0 0 ;
    width:126px;
    height:24px;
    color:#fff;
    font-size:13px;
    text-shadow:0.1em 0.1em 0.2em #0F0F0F;
    vertical-align:middle;
    line-height: 22px;
}


/* changed for color change issue
.midCont .date-entry-container .buttonsJournal ul.buttonsRight li a:hover{
    background: url('../i/special-k-challenge-new/bg-button-right-journal.png') no-repeat bottom;
}

.midCont .date-entry-container .buttonsJournal ul.buttonsLeft li a.btnLeftSelected{
    background: url('../i/special-k-challenge-new/bg-button-left-journal.png') no-repeat bottom;
}

.midCont .date-entry-container .buttonsJournal ul.buttonsRight li a.btnRightSelected{
    background: url('../i/special-k-challenge-new/bg-button-right-journal.png') no-repeat bottom;
}*/


.midCont .date-entry-container .buttonsJournal ul.buttonsLeft li a.btnLeftUnselected{

 background-position: 0px -80px;
}

.midCont .date-entry-container .buttonsJournal ul.buttonsRight li a.btnRightUnselected{
 background-position: -130px -80px;}



.midCont .date-entry-container .postEntry .commentTxtArea,
.midCont .date-entry-container .postEntry .extraDetails,
.midCont .date-entry-container .addMoreDetailCont .lessDetailBtn{
    display:none;
}

.midCont .date-entry-container .postEntry .commentTxtArea{
    height: 65px;
    margin: 15px 6px;
    width: 248px;
    padding:5px;
}

.midCont .date-entry-container .postEntry .weight{
    background: url('../i/special-k-challenge-new/bg-journal-container-ornament.png') no-repeat;
    padding:10px;
    text-align:center;
    border-top:1px solid #D1D2D3;
    font-size:13px;
    line-height:17px;
}

.midCont .date-entry-container .postEntry .weight p.ui-bold{
    font-weight:bold;
    font-size:13px;
}

.midCont .date-entry-container .postEntry .weight .weightImp{
    width:72px;
    height:27px;
    margin:0px 5px 10px;
    float:left;
    text-align:center;
}

.midCont .date-entry-container .postEntry .weight .weightImpCont{
    margin:14px auto;
    width:192px;
    text-align:center;
}

.midCont .date-entry-container .postEntry .weight .lblWeight{
    float:left;
    padding-right:0px;
    text-align:left;
    width: 87px;
}

.midCont .date-entry-container .postEntry .weight .lbs{
    padding-top: 6px;
}

.midCont .date-entry-container .buttonsJournal{
    padding:5px;
}

.midCont .date-entry-container .postEntry .howActive{
    background: url('../i/special-k-challenge-new/bg-journal-container-ornament.png') no-repeat;
    padding:12px 7px;
    text-align:center;
    border-top: 1px solid #D1D2D3;
}

.midCont .date-entry-container .postEntry .howActive a{
    margin:20px 0 10px 2px;
}

.midCont .date-entry-container .postEntry .howActive .activeLow{
    display:block;
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat left top;
    height:62px;
    width:84px; 
    text-indent:-9999px;
    float:left; 
}

.midCont .date-entry-container .postEntry .howActive .activeLow:hover{
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat left bottom;
}

.midCont .date-entry-container .postEntry .howActive .activeLow.hALowSelected{
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat left bottom;
}


.midCont .date-entry-container .postEntry .howActive .activeMedium{
    display:block;
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat center top;
    height:62px;
    width:84px; 
    text-indent:-9999px;
    float:left;
}

.midCont .date-entry-container .postEntry .howActive .activeMedium:hover{
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat center bottom;
}

.midCont .date-entry-container .postEntry .howActive .activeMedium.hALowSelected{
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat center bottom;
}

.midCont .date-entry-container .postEntry .howActive .activeHigh{
    display:block;
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat right top;
    height:62px;
    width:84px; 
    text-indent:-9999px;
    float:left; 
}

.midCont .date-entry-container .postEntry .howActive .activeHigh:hover{
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat right bottom;
}

.midCont .date-entry-container .postEntry .howActive .activeHigh.hALowSelected{
    background:url('../i/special-k-challenge-new/bg-button-how-active.png') no-repeat right bottom;
}

.midCont .date-entry-container .addMoreDetailCont a{
    display:block;
    text-align:center;
    background: #e3e3e3;
    padding: 5px;
}

.midCont .date-entry-container .postEntry .sendForm{
    margin:0 auto 18px;
    width:180px;
}

.midCont .date-entry-container .postEntry .sendForm .postBtn{
    cursor:pointer;
}

.midCont .date-entry-container .postEntry .sendForm .cancelBtn{
    margin:10px 10px 0 15px;
}

.midCont .date-entry-container .postEntry .sendForm .resetBtn{
    display:none;
}

/*.sendForm styles for date entries*/

.midCont .date-entry-container .postEntry .sendFormDate{
    margin:0 auto 18px;
    width:180px;
}

.midCont .date-entry-container .postEntry .sendFormDate .postBtn{
    cursor:pointer;
}

.midCont .date-entry-container .postEntry .sendFormDate .cancelBtn{
    margin:10px 0 0 10px;
    color:#01569B;
    font-size: 13px;
}

.midCont .date-entry-container .postEntry .sendFormDate .resetBtn{
    display:none;
}

/*END .sendForm styles for date entries*/



/*Entry for selected Date modal styles*/

#modalEntries{display:none}

.date-entry-container p{
    text-align:center;
}

.modalEntries{display:none}

.date-modal-overlay{
    opacity: 0.5;
    filter: Alpha(Opacity=50); //IE
    width: 1343px;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom:0px;
    right:0px;
    z-index: 1001;
    background-color: #ddd;
}

.date-modal-container{
    position: fixed;
    z-index: 1002;
    height: 509px;
    width: 292px;
    left: 50%;
    top: 31px;
    margin-left:-136px;
}

.date-modal-wrap{
    height: 100%;
    outline: 0px none;
    width: 100%;
    overflow: auto;
}

.modalDateClose{
    background: url('../i/special-k-challenge-new/buttons/bt-close-icon.png') no-repeat;
    height:9px;
    width:9px;
    display:block;
    float: right;
}

/**  3.4 Public View Callouts-----------------------------------------------------------------------------------------------------------**/


.public-callouts
{
text-align:center;}

.public-callouts  h3
{margin-bottom: 3px;}

.public-callouts #in-not-friend
{ /*text-align: left;
    width: 260px;
padding: 0 5px;*/}


.public-callouts .midCont
{padding-top:20px;
padding-bottom:20px;
text-align:center;}

.public-callouts .midCont h3
{margin-bottom: 3px;}

.public-callouts #in-not-friend
{ /*text-align: left;
    width: 260px;
padding: 0 5px;*/}



/**  3.5 Friends News Feed-----------------------------------------------------------------------------------------------------------**/

.midCont #recentEntries{
    margin-top:5px;
 padding-top:15px;
    background: url('../i/special-k-challenge-new/bg-journal-container-ornament.png') no-repeat #ececec;
    text-align:center;
}

.midCont #recentEntries #friends-feed
{
   padding:0  15px 0px 15px;
   text-align:left;
}

.midCont #recentEntries .recentMessage{
    padding:0 0 0 10px;
}

.midCont #recentEntries .recentMessage .left
{float:left;
width:145px;
text-align:left;
padding-bottom:10px;
}





.midCont #recentEntries .right
{display:block;
float:right; 
text-align:right;
width:85px;
padding-bottom:0px;}

.midCont #recentEntries .right .fb-share
{font-size:11px;}

.midCont #recentEntries .dyp-button-friends-small
{float:right;}
.midCont #recentEntries .small-nudge
{padding-right:0 !important;}



.midCont #recentEntries .recentMessage p{
    font-size: 11px;
    line-height: 15px;
    margin:0;
}

.midCont #recentEntries .recentMessage p.ui-light{
    color:#8e8e8f;
}

.midCont #recentEntries hr{
    border:0;
    height:1px;
    background:#cccccc;
    margin: 3px 0;
    clear:both;
}

.midCont #recentEntries .heading-ornament-small{
    margin:5px auto;
}
#recentEntries .addMoreDetailCont a {
    background: none repeat scroll 0 0 #E3E3E3;
    display: block;
    padding: 5px;
    text-align: center;
}



/** 4.0 FRIENDS .dyp-manage-plan-subsection  *****************************************************************************************/
#bodycontent-inner.dyp-manage-plan-subsection
{
padding: 20px 0 0 0;
width: 1024px;
margin: 0 auto;
position: relative;
}
#background.invite-friends #form
{
background: transparent url(../i/special-k-challenge-new/bg-739-plain.png) no-repeat center bottom;

margin: 0 auto;
 min-height: 430px;
padding: 0 81px 45px 80px;
width: 739px;
}
#background.invite-friends .field
{
background: url(../i/special-k-challenge-new/bg-startplan-field.png) repeat-x 0 0;
margin: 0 4px;
height:1%; 
padding: 24px 7px 26px;
text-align: center;
}
#background.invite-friends .field p
{
margin:0;
}

#background.invite-friends .friend-cap {
background:#fff url(../i/special-k-challenge-new/bg-top.png) no-repeat center top;
height:3px;
}

#background.invite-friends #heading
{
/*background:#fff url(../i/special-k-challenge-new/bg-top.png) repeat-x left top;*/

background-color: #fff;
text-align:center;
padding-top:40px;
margin: 0 4px 0 5px;
}
#background.invite-friends #heading #message-heading
{
background-color:#dcebed;
padding: 10px 0 6px;
}
#background.invite{
    background:transparent url(../i/special-k-challenge-new/bg-startplan1.png) no-repeat 0 100px;
 }
#background.invite-friends .form-box.start-your-plan{
 margin:10px auto 25px;
 }
.form-box.start-your-plan .body{
 padding:10px 43px;
 text-align:left;
}
.form-box.start-your-plan .body .left{
    float:left;
    padding:top;
    width: 300px;
}
.form-box.start-your-plan .body .left p{
    font-size:12px;
    margin:0;
}

.form-box.start-your-plan .body .start-plan-container{
    border-left: 1px solid #CCC;
   /* float: left;*/
    height: 75px;
    text-align:center;
    width:160px;
    padding: 10px 0 0 20px;
}


.form-box.start-your-plan .body .right{
 float:left;
 border-left:1px solid #CCC;
 widht:151px!important;
 height:75px;
 padding: 10px 0 0 30px;
 margin-left:52px;
}


.form-box.start-your-plan .body .right .dyp-button
{float:none;}

.form-box.start-your-plan p{
margin:0;
}

.form-box.start-your-plan p.ui-special-text.ui-large-x-4{
    line-height:22px!important;
}

.dyp-manage-plan-subsection #form .invite-form-wrapper{
    width: 573px;
}
.dyp-manage-plan-subsection #form .invite-form-wrapper .submitButton{
    margin-top: 5px;
}





#messages.highlight{
    padding:5px!important;
}

#messages.highlight #inner-message {
    background-color:#f6f6f6;
    padding:25px 15px 15px 15px;
    overflow:hidden;
}

 #messages.highlight .heading-invitemail{
    font-size:19px!important;
    float:left;
}

 #messages.highlight a
{
    font-weight:bold;
    float:right;
    line-height: 24px;
}

.preview .ui-special-text{
    font-size:19px!important;
}

.preview .ui-small-x-2{
    line-height: 14px;
}

#main.invite-email >.body
{
  padding: 28px 164px 35px 163px;
   }

#main.invite-email h3
{
    font-size:16px;
    font-weight:bold;
    margin-bottom:4px; 
}

#main.invite-email .error
{
    float:left;
    margin-top:7px; 
}


 #main.invite-email .textarea {
    width:561px;
    height:52px;
    background-color: #efeeee;
    border:none;
    resize:none;
    overflow:auto;
    -webkit-box-shadow: inset 1px 1px 1px #b6b5b5; 
    -moz-box-shadow: inset 1px 1px 1px #b6b5b5; 
    box-shadow: inset 1px 1px 1px #b6b5b5;
    margin:13px auto 4px;
    padding:4px;
}

#main.invite-email .dyp-button
{float:right; width:120px;}


#main.invite-email .preview
{clear:both;
margin-top:66px;
font-size:18px;
width:575px;}

#main.invite-email .preview-box
{
margin-top:20px;
padding: 0;
}
        
#main.invite-email .preview-box > .top
{
background:url('../i/special-k-challenge-new/bg-inviteemail-top.png') no-repeat 0 0;
height:4px;
}
            
#main.invite-email .preview-box > .body
{
background:url('../i/special-k-challenge-new/bg-inviteemail-body.png') repeat-y 0 0;
padding: 22px 50px;
}
    
#main.invite-email .preview-box > .bottom
{
background:url('../i/special-k-challenge-new/bg-inviteemail-bottom.png') no-repeat 0 0;
height:5px;
}

#main.invite-email .preview-box > .body > h3
{
        
}

#main.invite-email .preview-box .red{
    color: #ed174f;
    font-weight:bold; 
}
#main.invite-email .preview-box .header{
    background:url('../i/special-k-challenge-new/img-line-shadow.png') no-repeat center bottom;
    margin-bottom:45px;
    padding-bottom: 27px;
    position: relative;
}

#main.invite-email .preview .signup-now{
    background:url('../i/special-k-challenge-new/bg-logo-signupnow.png') no-repeat 0 0;
    height: 73px;
    position: absolute;
    right: -25px;
    text-indent: -9999px;
    top: 0;
    width: 172px;
}

#main.invite-email .preview .legal{
    margin-top: 15px;
}



#main.invite-email  .box
{width:450px;}

/** 5.0. TOUR ************************************************************************************************************************************/
#tour { 
    height: 390px;
    padding: 5px 15px;
    width: 600px;
    background:url('../i/special-k-challenge-new/tour/bg-tour-1.png') no-repeat center top;
}

#tour.tour{
    background:url('../i/special-k-challenge-new/tour/bg-tour.png') no-repeat center top;
}

#tour #heading-tour,  #tour .heading-no-tour{ 
    height: 55px;
    margin-top: 10px;
    padding-left:24px;
    font-size:24px;
}

#tour p{font-size:13px; color:#333;}
  
#tour p.strong{
    font-size:12px;
    font-style:italic;
    color:#4d4d4f;
    font-weight:bold;
}

#tour #tour-0
{
color: #767676;
font-size:13px;
text-align:center;
}


#tour .checks
{padding:0 24px;
height:35px;
text-align:left;}


#tour .checks span
{
background:url('../i/special-k-challenge-new/tour/check-mark.png') no-repeat left top;
 line-height: 30px;
    padding: 15px 10px 0 20px;
}

#tour p.cufon
{
font-size:16px !important;
font-style: italic;

}

#tour .center-area
{text-align:center;
padding:50px 30px 0 30px;
height:170px;}


#tour .center-area .tour-btn-div
{display:block
height:30px;
padding:15px 0;
margin:0 auto;
text-align:center;
width:180px;
}

#tour .center-area .tour-btn-div span 
{width:130px;}


#tour .center-area .small
{font-size:11px;}


#tour  a#lnkTakeTour,  a#lnkTakeTour:link
{font-weight:bold;
margin-top:10px;
display:block;}

/*
#slideshow {
    margin:0 auto;
    width:590px;
    height:180px;
    margin-top:15px;
    position:relative;
}

#slideshow #slidesContainer {
    margin:0 auto;
    width:500px;
    height:180px;
    overflow:hidden; 
    position:relative;
}

#slideshow #slidesContainer ul,#slideshow #slidesContainer li{
    list-style-type:disc;
    list-style-position: inside;
}

#slideshow #slidesContainer .slide {
    margin:0 auto;
    width:500px; 
    float:left;
    height:160px;
    padding-top:25px;
}

#slideshow  .control {
    display:block;
    height: 80px;
    width: 40px;
    text-indent:-10000px;
    position:absolute;
    cursor: pointer;
}
#slideshow  #leftControl {
    top:50px;
    left:10px;
    background:url('../i/special-k-challenge-new/tour/btn-tour-previous.png') no-repeat center top;}

#slideshow  #rightControl {
    right: 10px;
    top: 50px;
    background:url('../i/special-k-challenge-new/tour/btn-tour-next.png') no-repeat center top;

}
*/



#slideshow {
    margin:0 auto;
    width:590px;
    height:180px;
    margin-top:15px;
    position:absolute;
}

#slideshow #slidesContainer {
    margin:0 auto;
    width:500px;
    height:180px;
    overflow:hidden; 
    position:relative;
}

#slideshow #slidesContainer ul.slider {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: relative;

}

#slideshow ul.slider li.slide {
   margin:0 auto;
    width:500px; 
    float:left;
    height:160px;
    padding-top:25px;
}

#slideshow .arrow {
    display:block;
    height: 80px;
    width: 40px;
    text-indent:-10000px;
    position:absolute;
    cursor: pointer;
}

#slideshow .forward {
      right: 10px;
    top: 50px;
    background:url('../i/special-k-challenge-new/tour/btn-tour-next.png') no-repeat center top;
}

#slideshow .back {
    top:50px;
    left:10px;
    background:url('../i/special-k-challenge-new/tour/btn-tour-previous.png') no-repeat center top;
}

#slideshow ul.slider li h3{
   font-size: 16px;
}

#slideshow #slide-progress{
background:url('../i/special-k-challenge-new/tour/bg-tour-progress.png') no-repeat left top;
}
#slideshow #slide-friends{
background:url('../i/special-k-challenge-new/tour/bg-tour-friends.png') no-repeat left top;
}
#slideshow #slide-changes{
background:url('../i/special-k-challenge-new/tour/bg-tour-changes.png') no-repeat left top;
}
#slideshow #slide-share{
background:url('../i/special-k-challenge-new/tour/bg-tour-share.png') no-repeat left top;
}
#slideshow #slide-shopping{
background:url('../i/special-k-challenge-new/tour/bg-tour-shopping.png') no-repeat left top;
}
#slideshow #slide-mobile{
background:url('../i/special-k-challenge-new/tour/bg-tour-mobile.png') no-repeat left top;
line-height:16px;
}

#slideshow .slide .right{margin-left:190px;}

#slideshow .navigation{ 
    margin-top:15px;
    height:50px;
    font-size:12px;
    color: #666;
    font-weight: bold;
}

#slideshow .tour-btn-div{clear:both; text-align:center; width:166px; margin: 0 auto;}

#slideshow .navigation .prev{float:left; width:49%; text-align:left; display:block; margin-left: 7px;}

#slideshow .navigation .next{float:right; width:49%; text-align:right;display:block;}

#slideshow a#lnk-prev-nav,#slideshow a#lnk-next-nav{display:block; font-weight:bold; padding:5px 0;}

#slideshow #slide-mobile ul,#slideshow #slide-mobile li{
    list-style-type:disc;
    list-style-position:inside;
}

#tour a, #tour a:link{
    color: #01569b;
    text-decoration: none;
}
#tour a span {cursor:pointer;}

#tour slide h3{
    font-size:18px!important;
    font-style:italic;
}

#simplemodal-container a.tour-close {
    padding-left: 15px;
    background: url('../i/special-k-challenge-new/buttons/bt-close-icon.png') no-repeat left; 
    color: #00447C;
    font-size: 11px;
    font-weight: bold;
    padding-left: 15px;
    position: absolute;
    right: 20px;
    top: 11px;
    z-index: 3200;
}

/* Large modal */

#modal-large-container
{
    height:311px;
    width:890px;
    margin:0 auto;
    padding:5px;
    box-shadow:0 0 10px #CCC;
}
.modal-large
{
    height:269px;
    width:848px;
    padding:21px;
    background:#FAFAFA;
    position:relative;
}
#modal-large-container .modal-large img
{
    height:186px;
    width:360px;
    float:right;
}

#modal-large-container .modal-large .bt-previous
{
    float: left;
    padding-left: 20px;
}

#modal-large-container .modal-large .bt-next
{
    float: right;
    text-align: right;
    padding-right: 20px;
    text-align:right;
}

#modal-large-container .modal-large .bt-previous,
#modal-large-container .modal-large .bt-next
{
    font-weight:bold;
}

/** 6.0. SHOPPING LIST ************************************************************************************************************************************/

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList {
   /* overflow:hidden;*/
   padding-bottom: 10px;
    background-color:#FFFFFF;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading {
    height:75px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading h2 {
    float:left;
    padding:27px 0 0 10px;
    width:300px;
    line-height:normal;
}


/* printing */
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading div.printing{
    float:right;
    width:350px;
}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading div.printing div.printNav{
    float:right;
    width:325px;
    clear:both
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading div.printing  .button-wrapper
{width:170px;
float:right;}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading div.printing  a.backToMain {
    display:block;
    float:right;
    padding:0 10px 5px 0;
    font-weight:bold;
    font-size:11px
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #heading div.printing  div.printMe{
    margin-top:10px;
    float:left;
    width:140px;
}



#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #dates {
   /* position:relative;*/
    padding: 14px 0 0 16px;
    height:31px;
    background:-moz-linear-gradient(top, rgba(180,180,180,0.65) 0%, rgba(180,180,180,0) 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,180,180,0.65)), color-stop(100%,rgba(180,180,180,0))); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, rgba(180,180,180,0.65) 0%,rgba(180,180,180,0) 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, rgba(180,180,180,0.65) 0%,rgba(180,180,180,0) 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, rgba(180,180,180,0.65) 0%,rgba(180,180,180,0) 100%); /* IE10+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b4b4b4', endColorstr='#00b4b4b4',GradientType=0 ); /* IE6-9 */
    background:linear-gradient(top, rgba(180,180,180,0.65) 0%,rgba(180,180,180,0) 100%); /* W3C */
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #dates span {
    font-size:13px;
    font-weight:bold;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #dates a {
    font-weight: bold;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase {
    float:left;
    width:47%;
    margin-bottom:50px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand {
    float:right;
    width:47%;
}




#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .item-header {
   overflow:hidden;
   background-color:#ECECEC;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .item-header strong {
    display:block;
    padding:9px 0 8px 16px;
    float:left;
    width:100px;
    font-size:16px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .item-header .utils {
    float:right;
    width:25px;
    padding-top:6px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .item-header .utils a {
    display:block;
   
    height:20px;
    margin-right:10px;
    text-align:left;
    text-indent:-99999px;
    background:url('../i/special-k-challenge-new/bg-manage-plan-utils.png');
       background-position:0 0px;
    width:16px;
}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .wrapper-item {
 
    border-bottom:1px solid #E7E7E7;
    padding: 5px 16px ;
 position:relative;
    display:block;
  /*  float:left;*/
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .wrapper-item li {
   float:right;
   width:20px;
   line-height:18px;

}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .wrapper-item .square {
    border:1px solid #C6C7C8;
    height:20px;
    margin:0px 10px 0 0;
    width:20px;
    position:absolute;
    top:5px;

}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .wrapper-item .item-text {
   
    padding-top:1px;
    text-align:left;
    padding-left:30px;
    line-height:20px;
    width:auto;
    float:none;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .wrapper-item .item-text a {
    color:#4d4d4f;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-to-puchase .wrapper-item  a.toOnHand {
    display:block;
    margin: 0 0 0 10px;
    float:right;
    width:10px;
    text-align:right;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-list {

 
   padding:0 ;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-header {

   background-color:#ECECEC;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-header strong {
    display:block;
    padding:9px 0 8px 10px;

    font-size:16px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-onHand {
  
    border-bottom:1px solid #E7E7E7;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-onHand ul {
  clear:left;
}


#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-onHand li {

   font-size:11px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-onHand li.arrow {
    height:20px;
    margin:5px 0 5px 0;
    clear:both;
       float:left;
    width:20px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand .item-onHand li.hand-text {
    padding:5px 0 5px 20px;
    float:none;
   
    width:352px;

}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #on-demand {
     position:relative;
    margin-top:20px;
    background:url('../i/shopping-list/on-demand.png') no-repeat left top;
    width:412px;
    height:109px;
    
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #on-demand p
{
   font-size:11px;
    position:absolute;
     top:65px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #on-demand strong {
    color:#FFFFFF;
    font-weight:bold;
 
    height:20px;
    left:103px;
    position:absolute;
    top:30px;
    display:block;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #on-demand p.download {
   left:9px;
    width:266px;
    border-right:1px solid #989898;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #on-demand p.available {
  left:285px;
    width:124px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #fruits-veggies {
    margin-top:20px;
    background:url('../i/shopping-list/fruits-veggies.png') no-repeat left top;
    width:412;
    height:99px;
    position:relative;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #fruits-veggies strong {
    color:#FFFFFF;
    display:block;
    font-weight:bold;
    height:20px;
    left:112px;
    position:absolute;
    top:17px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #fruits-veggies p {
  
    font-size:11px;
    height:32px;
    left:9px;
    position:absolute;
    top:52px;
    width:356px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k {
    margin-top:20px;
    background:url('../i/shopping-list/special-k.png') no-repeat left top;
    width:412;
    height:155px;
    position:relative;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k strong {
    color:#FFFFFF;
    display:block;
    font-weight:bold;
    height:20px;
    left:112px;
    position:absolute;
    top:24px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k div.left {
    height:95px;
    left:1px;
    padding:9px 0 0 8px;
    position:absolute;
    top:49px;
    width:210px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k div.right {
    height:98px;
    left:225px;
    padding-top:7px;
    position:absolute;
    top:49px;
    width:186px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k p 
{font-size:11px; line-height:15px; margin-bottom:7px;}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k em
{font-size:12px; line-height:15px;} 

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList #item-on-hand #special-k div em {
    color:red;
  
    font-weight:bold;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals 
{width:900px;}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals td
{vertical-align:top;

padding-bottom: 10px;}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals td.meal-name
{font-size:15px;}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals td.image-cell
{padding-left:0px;
width:275px;}



#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals td.directions
{width:300px;
padding-left:10px;}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals td.ingredients
{padding-left:15px;}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper table.shopping-list-meals td.ingredients ul
{list-style: disc outside none;
margin-left:20px;
}

/*CLOUD*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList .wrapper-cloud {
    position:absolute;
    z-index:9999;
    left:-31px;
    bottom:20px
}



#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList  #item-to-puchase .wrapper-item .wrapper-cloud li
{
   float:none;
   width:auto;
   line-height:auto;
   }
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList .cloud {
	width:300px;
	overflow:hidden;
	border:3px solid #AED8F9;
	background-color:#ffffff;
	margin:19px;
	padding:5px 10px 10px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper div.wrapper-cloud div.content{
    display:block;
	font-family:Arial;
	font-size:11px;
    color:#4d4d4d;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud span a{
	display:block;
	float:right;
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud .arrow {
	left:84px;
    position:absolute;
    bottom:2px;
    width:31px;
    height:20px;
    min-height:1px;
    background:url('../i/special-k-challenge-new/arrow.png') no-repeat left top;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.text {
	text-align:justify;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.header-cloud {
	border-bottom:1px solid #4d4d4f;
    margin-bottom:7px;
    padding:5px 0 9px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.header-cloud strong {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#4d4d4f;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.text div.header-cloud p {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#4d4d4f;
    margin:0
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.text ul {
    margin-top: 5px;
    overflow: hidden;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.text ul li.title {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#4d4d4f;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.text ul li.title a {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#00447c;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #wrapper-shoppingList div.cloud div.text ul li.detail {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;color:#4d4d4f;
}
/*CLOUD ENDS*/

/*FORM MODAL*/
#modal-shoppinglist, #modal-shoppinglistTwo {
    width:450px;
	height:248px;
	background: url(../i/special-k-challenge-new/bg-email-modal.jpg) no-repeat;
}
#modal-shoppinglist .header,#modal-shoppinglistTwo .header {
	position:relative;
	height:16px;
	padding-top:19px;
    margin-left:22px;
}
#modal-shoppinglist .header .list em,#modal-shoppinglistTwo .header .list em {
	float:left;
    display:block;
	padding-left:5px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	color:#333333;
}
#modal-shoppinglist .content,#modal-shoppinglistTwo .content {
	width:100%;
	position:relative;
	height:154px;
}

#modal-shoppinglist .content p.success,#modal-shoppinglistTwo .content p.success {
    color:#333333;
    font-family:Arial;
    font-size:17px;
    height:30px;
    left:28px;
    padding-top:15px;
    position:relative;
    top:40px;
    width:415px;
    display:block;
}

div.email-sent p.success{
    color:#333333;
    font-family:Arial;
    font-size:17px;
}

#modal-shoppinglist .content em,#modal-shoppinglistTwo .content em {
    background-color:#DDFFD5;
    border:1px solid #A7D093;
    color:#333333;
    font-family:Arial;
    font-size:13px;
    font-style:normal;
    font-weight:bold;
    height:30px;
    left:50%;
    margin-left:-154px;
    padding-top:15px;
    position:relative;
    text-align:center;
    top:18px;
    width:308px;
    display:block;
}
#modal-shoppinglist .content em.fail,#modal-shoppinglistTwo .content em.fail {
    background-color:#ff9595;
    border:1px solid #ff5b5b;
    margin-top:35px;
}
#modal-shoppinglist .content p.msg,#modal-shoppinglistTwo .content p.msg {
	left:28px;
    position:relative;
    top:24px;
    width:395px;
}

#modal-shoppinglist .button-wrapper,#modal-shoppinglistTwo .button-wrapper{
    margin-left:22px;
}

#modal-shoppinglist .content p,#modal-shoppinglistTwo .content p{
	position:relative;
	width:375px;
	left:22px;
	top:40px;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#666666;
}
#modal-shoppinglist .content form#EmailForm input,#modal-shoppinglistTwo .content form#EmailForm input{
	position:relative;
	top:50px;
	left:30px;
	width:370px;
}
#modal-shoppinglist .bot-area,#modal-shoppinglistTwo .bot-area {
	width:100%;
	position:relative;
	left:30px;
	top:8px;
}
#modal-shoppinglist .bot-area input,#modal-shoppinglistTwo .bot-area input {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:26px;
    width:85px;
	background-color:#E0E0E0;
	border:1px solid #333333;
}
#modal-shoppinglist .content form#TimeFrame fieldset,#modal-shoppinglistTwo .content form#TimeFrame fieldset {
    display:block;
    left:22px;
    position:relative;
    top:37px;
}

#modal-shoppinglist label,#modal-shoppinglistTwo label{
    text-align:left;
}

#modal-shoppinglist .content form#TimeFrame fieldset legend,#modal-shoppinglistTwo .content form#TimeFrame fieldset legend {
    display:none;
}
#modal-shoppinglist .content form#TimeFrame fieldset label,#modal-shoppinglistTwo .content form#TimeFrame fieldset label {
    display:block;
    float:left;
    width:360px;
    font-size:13px;
    color:#666;
}
#modal-shoppinglist .content form#TimeFrame fieldset label strong,#modal-shoppinglistTwo .content form#TimeFrame fieldset label strong {
    font-weight:bold;
}
#modal-shoppinglist .content form#TimeFrame fieldset label input,#modal-shoppinglistTwo .content form#TimeFrame fieldset label input {
    display:block;
    float:left;
    margin-top:7px;
}

/*FORM MODAL*/
.item-background {
    background-color:#f2f2f2;    
}
.onhand-color li {
    color:#adadaf !important; 
}



/** 7.0 PRINTING HIDINGS ************************************************************************************************************************************/

img#print-spk-logo, #title-print-meal, .meal-plan-view-print{display:none}

/** 8.0 MY PROGRESS ************************************************************************************************************************************/

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress {
    font-size:11px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress .progress-bg-wrap {
	background: url('../i/special-k-challenge-new/bg-manage-plan-left.png') repeat-y center left;
    padding: 0 15px 0 15px;
    font-size:11px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #progress-bg-wrap-bottom
{
background: url('../i/special-k-challenge-new/bg-manage-plan-left-b.png') no-repeat scroll left bottom transparent;
    height: 20px;
    }
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status {
    overflow:hidden;
    position:relative;
    padding-left:10px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-date {
    border-bottom:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9;
    margin:21px 0;
    overflow:hidden;
    padding:8px 0;
    position:relative;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings {
	position:relative;
	overflow:hidden;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-weight {
	position:relative;
	overflow:hidden;
	width:100%;
    float:left;

}



#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #graph {
	position:relative;
	overflow:hidden;
	width:100%;
  
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise {
	/*position:relative;*/
	overflow:hidden;
	width:100%;
    clear:left
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-days {
	/*position:relative;*/
	overflow:hidden;
	width:100%;
    text-align:center;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges {
	position:relative;
	/*overflow:hidden;*/
	width:100%;
    text-align:center;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges-all {
	position:relative;
	overflow:hidden;
    text-align:center;
    width:100%;
    height:100px;
    border:1px solid #ed1850;
    background-color:#FBFBFB;
    margin-top:10px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #days a.date-nav {
    /*background:url("spr-prev-next-arrows.png") no-repeat scroll 0 0 transparent;*/
    display:inline-block;
    height:12px;
    position:absolute;
    text-indent:-9999px;
    width:12px;
}

/*current-status -> general*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status .status {
    background:url('../i/special-k-challenge-new/bg-box-option-progress.png') no-repeat left top;
    float:left;
    height:164px;
    margin:8px;
    width:174px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status em.title {
    display:block;
    height:20px;
    position:relative;
    text-align:center;
    top:10px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status div.text {
    font-family:Arial;
    height:83px;
    margin:0;
    position:relative;
    top:10px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status p.detail {
    font-family:Arial;
    font-size:10px;
    height:35px;
    margin:0;
    position:relative;
    text-align:center;
    top:12px;
    padding:0 5px;
}

/*current-status -> current-plan-progress*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #current-plan-progress div.text div.wrapper-text {
    left:50%;
    margin-left:-80px;
    margin-top:-22px;
    position:absolute;
    top:50%;
    width:180px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #current-plan-progress div.text div.wrapper-text-negative {
    display:none;
    left:50%;
    margin-left:-80px;
    margin-top:-22px;
    position:absolute;
    top:50%;
    width:180px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #current-plan-progress div.text strong.negative {
    display:block;
    font-size:36px;
    height:20px;
    left:50%;
    margin-left:-57px;
    margin-top:-10px;
    position:absolute;
    top:50%;
    width:114px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #current-plan-progress div.text strong {
    display:block;
    float:left;
    font-size:51px;
    padding-right:3px;
    padding-top:15px;
    text-align:right;
    width:48%;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #current-plan-progress div.text div.wrapper-text strong.measure {
    font-size:15px;
    font-weight:bold;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #current-plan-progress div.text div.wrapper-text p {
    float:right;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    width:50%;
}


/*current-status -> feelings*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div em {
    color:#FFFFFF;
    display:block;
    margin-top:3px;
    text-shadow: 0.1em 0.1em 0.2em #0F0F0F;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.text div {
    height:27px;
    left:50%;
    margin-left:-75px;
    margin-top:-12px;
    position:absolute;
    top:50%;
    width:150px;
    text-align:center;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.happy {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -29px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.motivated {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -57px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.hungry {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -113px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.confident {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -85px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.drained {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -141px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.cranky {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 0px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #feelings div.empty {
    background:url('../i/special-k-challenge-new/sprites/moods-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -168px;
}

/*current-status -> exercises*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #exercise div.text .wrapper-text {
    height:55px;
    left:50%;
    margin-left:-52px;
    margin-top:-22px;
    position:absolute;
    top:50%;
    width:105px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #exercise div.text .wrapper-text div {
    height:10px;
    left:50%;
    margin-left:-41px;
    position:absolute;
    width:82px; 
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #exercise div.empty {
    background:url('../i/special-k-challenge-new/sprites/pal-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -30px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #exercise div.low {
    background:url('../i/special-k-challenge-new/sprites/pal-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -20px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #exercise div.medium {
    background:url('../i/special-k-challenge-new/sprites/pal-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 -9px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #current-status #exercise div.high {
    background:url('../i/special-k-challenge-new/sprites/pal-status-progress.png') no-repeat scroll left top transparent;
    background-position:0 0;
}


/*my-date*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-date #wrapper-my-date {
    margin-left:190px;
    padding-top:4px;
    position:relative;
    text-align:center;
    width:204px;
}

/*my-feelings*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div {
    height:62px;
    width:62px;
    position:relative;
    left:10px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div em {
    color:#FFFFFF;
    display:block;
    font-size:13px;
    font-style:normal;
    position:relative;
    text-align:center;
    text-shadow:0.1em 0.1em 0.2em #0F0F0F;
    top:8px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div.happy {
    background:url('../i/special-k-challenge-new/moods-feelings-myprogress.png') no-repeat scroll left top transparent;
    background-position:-63px 0;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div.motivated {
    background:url('../i/special-k-challenge-new/moods-feelings-myprogress.png') no-repeat scroll left top transparent;
    background-position:-126px 0;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div.hungry {
    background:url('../i/special-k-challenge-new/moods-feelings-myprogress.png') no-repeat scroll left top transparent;
    background-position:-252px 0;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div.confident {
    background:url('../i/special-k-challenge-new/moods-feelings-myprogress.png') no-repeat scroll left top transparent;
    background-position:-189px 0;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div.drained {
    background:url('../i/special-k-challenge-new/moods-feelings-myprogress.png') no-repeat scroll left top transparent;
    background-position:-315px 0;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-feelings ul li div.cranky {
    background:url('../i/special-k-challenge-new/moods-feelings-myprogress.png') no-repeat scroll left top transparent;
    background-position:0 0;
}

/*my-exercise*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise ul li {
    text-align:center;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise ul li em {
    display:block;
    top:8px;
    top:14px;
    position:relative;
    font-style:normal;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise ul li div {
    height:8px;
    left:8px;
    top:18px;
    position:relative;
}

/*daily*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise ul li div.low {
    background:url('../i/special-k-challenge-new/pal-status-progress-small.png') no-repeat scroll left top transparent;
    background-position:0 -16px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise ul li div.medium {
    background:url('../i/special-k-challenge-new/pal-status-progress-small.png') no-repeat scroll left top transparent;
    background-position:0 -8px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-exercise ul li div.high {
    background:url('../i/special-k-challenge-new/pal-status-progress-small.png') no-repeat scroll left top transparent;
    background-position:0 0;
}

/*my-days*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-days ul li {
	width:82px;
	height:20px;
	float:left;
	border:0;
    border-left:1px solid #d9d9d9;
    display:block;
    background-color:#ffffff;
    font-weight:bold;
    color:#00447b;
    font-size:11px;
    cursor:pointer;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-days ul li.first {
	border-left:1px solid #ffffff;
}

/*my-badges*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges div.empty {
	display:none;
    border:1px solid #D9D9D9;
    height:55px;
    position:relative;
    background-color:#FBFBFB;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges div.empty strong {
    color:#4D4D4F;
    display:block;
    font-family:Arial;
    font-size:13px;
    height:55px;
    margin-top:10px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul{
    background: #FBFBFB;
    border: 1px solid #D9D9D9;
    height: 65px;
    padding-top: 10px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul {
	border:1px solid #d9d9d9;
    height:65px;
    border:none;
    /*padding-top:10px;*/
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li {
	height:55px;
    width:52px;
	float:left;
    display:block;
    cursor:pointer;
    border:0;
    position:relative;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.earned:hover span.badges_overlay, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.earned:hover span.badges_overlay, .friends-tab-badges ul li div:hover span.badges_overlay{
    display:block;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div:hover span.badges_overlay{
    display:block;
}
.friends-tab-badges ul li div{
    cursor:pointer;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.earned, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.earned{
    cursor:pointer;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div,.friends-tab-badges ul li div {
    background:url('../i/special-k-challenge-new/no-badges.png') no-repeat scroll left top transparent;
    height:48px;
    left:50%;
    margin-left:-24px;
    margin-top:-24px;
    position:relative;
    top:50%;
    width:50px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li span.badges_overlay, #bodycontent-inner.dyp-manage-plan-subsection #wrapper  #recent-badges ul li span.badges_overlay, .friends-tab-badges ul li span.badges_overlay{
     background:url('../i/special-k-challenge-new/overlay_badges.png') no-repeat scroll left top transparent;
     width:196px;
     height:78px;
     position:absolute;
     top:-57px;
     left:-71px;
     display:none;
     z-index:20;
     overflow:hidden;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper .congrats-message{
    background:url('../i/special-k-challenge-new/congrats_message_bg.png') no-repeat scroll left top transparent;
    width:582px;
    height:61px;
    margin-top:10px;
    display:none;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper .congrats-message .normal-text{
    color:#4D4D4F;
    font-size:14px;
    float:left;
    margin:18px 0 ;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper .congrats-message .highlighted-text{
    color:#ED174F;
    font-size:14px;
    font-style:italic;
    margin:18px 5px 0 150px;
    float:left;
    font-weight:bold;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li span.badges_overlay h6, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li span.badges_overlay h6, .friends-tab-badges ul li span.badges_overlay h6{
    color:#00447C!important;
    font-size:10px;
    margin-top:5px;
    font-weight:bold;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li span.badges_overlay h6, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li span.badges_overlay p, .friends-tab-badges ul li span.badges_overlay p{
    text-align:center;
    width:174px;
    margin-left:4px;
}
.friends-tab-badges ul li span.badges_overlay h6{
    color:#00447C;
    font-size:10px;
    margin-top:5px;
    font-weight:bold;
    text-align: center;
    margin-left:0!important;
}
.friends-tab-badges ul li .badges span.badges_overlay{
    display:none!important;
}
.friends-tab-badges ul li .badges{
    cursor:default !important;
}
.friends-tab-badges ul li span.badges_overlay p{
    font-size: 9px !important;
    font-weight: bold !important;
    line-height: 10px !important;
    text-align: center;
    width:174px;
    margin-left:4px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li span.badges_overlay p, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li span.badges_overlay p{
    color:#4D4D4F;
    font-size:10px;
    font-weight:bold;
    /*margin-top:-3px;*/
    line-height:10px;
    width:170px;
    margin-left:10px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges1, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges1,.friends-tab-badges  ul li div.badges1 {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-4px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges2, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges2 ,.friends-tab-badges  ul li div.badges2 {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-60px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges3, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges3,.friends-tab-badges  ul li div.badges3  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-115px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges4, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges4,.friends-tab-badges  ul li div.badges4  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-171px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges5, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges5,.friends-tab-badges  ul li div.badges5  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-227px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges6, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges6,.friends-tab-badges  ul li div.badges6  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-282px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges7, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges7,.friends-tab-badges  ul li div.badges7  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-337px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges8, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges8,.friends-tab-badges  ul li div.badges8  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-393px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges9, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges9,.friends-tab-badges  ul li div.badges9  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-449px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges10, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges10,.friends-tab-badges  ul li div.badges10  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-504px -4px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges ul li div.badges11, #bodycontent-inner.dyp-manage-plan-subsection #wrapper #recent-badges ul li div.badges11,.friends-tab-badges  ul li div.badges11  {
    background:url('../i/special-k-challenge-new/badges/all-badges.png') no-repeat scroll left top transparent;
    background-position:-559px -4px;
}

/*my-badges-msg*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges-all strong {
    display:block;
    height:50px;
    margin-top:-25px;
    position:absolute;
    top:50%;
    color:#4D4D4F;
    font-family:Arial;
    font-size:13px;
}

/*my-badges-msg*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress #my-badges-all strong span {
    color:#ed174f;
}

/*basic*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress strong{
    display:block;
    position:relative;
    width:100%;
	text-align:center;
	font-size:16px;
    padding:10px 0;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress ul li {
	width:82px;
	height:65px;
	float:left;
	border:1px solid #d9d9d9;
    border-right:0;
    display:block;
    background-color:#fbfbfb;
    *background-color:none!important;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper #myprogress li.last {
	border-right:1px solid #d9d9d9;
}

/** 9.0 MANAGE FRIENDS ************************************************************************************************************************************ */
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .pager{
    margin: 5px 0 15px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .pager span{
    display: inline-block;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends #pager-info{
    text-align:center;
    width:460px;
    display:inline-block;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends li{ 
    padding: 24px 0 24px 24px;
    border-top: solid 1px #DBDBDB;
    position: relative;
}
/*IE7 styles for Friend List Badges*/
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends li.friend{ 
    *border-top: solid 1px #DBDBDB!important;
    *width:95%;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .pager .floatRight{ 
    *margin-top: solid -15px!important;
    *float:none;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage .motivate-btn-wrapper{ 
    *float:left;
}
 #bodycontent-inner .ui-wrapper .ui-wrapper-middle .col.left{
    *position:relative;
    *z-index:30;
 }
 /*End IE7 styles for Badges*/
#friends .col ul li .friends-tab-badges ul li div{
    *postion:absolute;
    *top:0;
    *left:0;
}

#my-badges ul li div span.badges_overlay{
    *z-index:20!important
}
#my-badges ul li div{
    *position:absolute!important;
    *top:0;
    *left:0;
}
#my-badges ul li{
    *background-color:none!important;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage a.ui-remove-btn{
    position: absolute;
    right: 5px;
    top: 20px;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage .ui-wrapper .col.right{
    position: relative;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage .ui-wrapper .ui-wrapper-middle{
    overflow: visible;
 }


#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel{
    position: absolute;
    top: -15px;
    right: -17px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .top,
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .bottom{
    border-left: solid 1px #dcd9d9;
    border-right: solid 1px #dcd9d9;
    width: 280px;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .top{
    background:url('../i/special-k-challenge-new/sprites/srp-bg-info-panel.png') no-repeat top;
    border-top: solid 1px #dcd9d9;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .header{
    padding: 10px 15px 0;
    text-align: center;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .content{
    padding: 15px;
    text-align: center;
}
#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .content .or{
    display: block;
    padding: 15px 0;
    margin: 0 auto;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .bottom{
    background:url('../i/special-k-challenge-new/sprites/srp-bg-info-panel.png') no-repeat bottom;
    height: 10px;
    border-bottom: solid 1px #dcd9d9;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage #friends .info-panel .dyp-button{
    float: none;
    display: inline-block;
}

#bodycontent-inner.dyp-manage-plan-subsection #wrapper-friend-manage .motivate-btn-wrapper{ 
    display:inline-block;
    width: 165px;
}

/* Modals */
#modal-remove-friend .ui-close-btn{
    right: 20px;
    top: 15px;
}
#modal-remove-friend .content{
    height: 80px;
    margin: 51px 0 0 40px;
    width: 385px;
}
#modal-remove-friend .content p{
    font-size: 12px;
}

#modal-remove-friend h2{
    padding: 30px 0 0 30px;
    /*font-size: 24px !important;*/
}
#modal-remove-friend .note{
    margin: 20px 0 0 33px;
}
#modal-remove-friend .buttons-panel{
    height: 54px;
    margin: 13px 0 0 31px;
    width: 402px;
}
#modal-remove-friend .buttons-panel .never-mind{
    display: inline-block;
    margin-top: 12px;
    font-weight: bold;
    color: #01569B;
}
#modal-remove-friend .buttons-panel .remove{
    font-size: 12px;
}

/* No friends panel */
#bodycontent-inner #no-friends-wrapper{
    text-align: center;
}
#bodycontent-inner #no-friends-wrapper h3{
    margin-top: 50px;
}
#bodycontent-inner #no-friends-wrapper .note{
    margin: 50px auto;
    width: 600px;
}
#bodycontent-inner #no-friends-wrapper .buttons-panel{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 50px auto 0;
    overflow: hidden;
    padding: 30px 75px;
    text-align: center;
    width: 570px;
}
#bodycontent-inner #no-friends-wrapper .or-vert{
    margin:0 75px;
}


#bodycontent-inner #wrapper-friend-manage #friends .ui-wrapper-middle{
    min-height:300px;
}




/**10.0 MANAGE PROFILE ************************************************************************************************************************************ */
.dyp-tab-nav-2.manage-profile
{
border:0;
margin-bottom:-1px!important;
}
#main.manage-profile h2
{
margin:27px 40px 34px;
*background:#fff !important;
}
#main.manage-profile .body
{
padding:4px;
}
#main.manage-profile .body h3
{
font-weight:bold;
float:left;
line-height: 35px;
}
#main.manage-profile .body a.dyp-button.fixed{
    margin:3px 0 0 20px;
    width:70px;
}
#main.manage-profile .body a.dyp-button.fixed-2{
    margin:3px 0 0 20px;
    width:163px;
}
#main.manage-profile .body .field .wrapper > div
{
margin:30px;
float:left;
width:382px;
}
#main.manage-profile .body .field{
  background: url(../i/special-k-challenge-new/bg-startplan-field.png) repeat-x 0 0 ;
  min-height:80px;
  margin: 0 4px;
  padding: 32px 0;
  background-color:#f8f6f6;
}
#main.manage-profile .body .field .wrapper{
  background: url(../i/special-k-challenge-new/bg-v-separator-2.png) no-repeat center 0 ;
  padding:16px 0;
  min-height:284px;
}
#bodycontent-inner .manage-profile .field{
    text-align:left;
}
.manage-profile .prof-head{
    margin-bottom:10px;
}
/** 11.0   ********************************************** HOMEPAGE **************************************************/

/* temporary wrapper class */
.spk_home_temp {
    width: 990px;
    margin: 0 auto;
    /*padding-top: 20px;*/
}

/* my day */
.spk_home_temp #myday {
    background: url(../i/special-k-challenge-new/myday-bg.png) no-repeat ;
    height: 51px;
    margin-bottom:10px;
}
.spk_home_temp #myday .myday-left {
    float:left;
    /*background: url(../i/special-k-challenge-new/bg-myday-middle.png) repeat-x center 0 ;*/
    padding:3px 10px 0 7px;
}
.spk_home_temp #myday .myday-middle {
    height: 37px;
    padding: 7px 0 7px 0;
    float:left;
    /*background: url(../i/special-k-challenge-new/bg-myday-middle.png) repeat-x center 0 ;*/
}
.spk_home_temp #myday .myday-right {
    /*background: url(../i/special-k-challenge-new/bg-myday-middle.png) repeat-x center 0 ;*/
    padding-top:10px;
}
.spk_home_temp #myday .myday-box {
    display: inline-block;
    background-color: #F0F0ED;
    margin: 0 4px 0 0;
    padding: 1px 0 1px 13px;
    height: 35px;
    *float:left;
    *margin-right:8px!important;
}
.spk_home_temp #myday .myday-box h6 {
    font-size: 9px;
    color: #ed174f;
    font-weight: bold;
}
.spk_home_temp #myday .myday-box p { 
    font-weight: bold; 
    padding: 0; 
    font-size: 12px; 
    margin: 0; 
    line-height: 12px; 
}
.spk_home_temp #myday .myday-box-small {
    width: 128px;
}
.spk_home_temp #myday .myday-box-large {
    width: 425px;
}
.spk_home_temp #myday #A1 span {
font-size: 12px;
width:77px;
}
/* end my day */

/* container 1 */
.spk_home_temp .home-container-1 {
    width: 990px; 
    position:relative;
    padding-top: 11px;
    background: url(../i/special-k-challenge-new/bg-home-container-1.png) no-repeat center 0 ;
}
.spk_home_temp .home-content {
    width: 967px; 
    height: 620px;
    margin: 0 auto;
}
.organic-source .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/girl-in-the-snow.jpg) no-repeat center 0 ;
}

.default-source .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-hero-default.jpg) no-repeat center 0 ;
}

.reso-source .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-reso.png) no-repeat center 0 ;
}
#bodycontent-inner.dyp .reso-source p.disclaimer{
    font-size:8px;
    line-height:12px;
    margin:10px 0 0 0;
}
/***********************/
/*CONFIGURABLE ELEMENTS*/
/***********************/

/***HOME BANNER***/
/*#wrapper .daypart-1 .spk_home_temp .home-container-1 .home-content {
    background: url(../i/special-k-challenge-new/home-active-morning.png) no-repeat center 0 ;
}
#wrapper .default-source.daypart-2 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-afternoon.png) no-repeat center 0 ;
}

#wrapper .organic-source.daypart-2 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-hero-default.jpg) no-repeat center 0 ;
}
#wrapper .daypart-3 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-evening.png) no-repeat center 0 ;
}*/

#wrapper .daypart-1 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-morning.png) no-repeat center 0 ;
}
#wrapper .daypart-2 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-morning.png) no-repeat center 0 ;
}
#wrapper .daypart-3 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-afternoon.png) no-repeat center 0 ;
}
#wrapper .daypart-4 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-evening.png) no-repeat center 0 ;
}
#wrapper .daypart-5 .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-active-evening.png) no-repeat center 0 ;
}

#wrapper .reso-source .spk_home_temp .home-content {
    background: url(../i/special-k-challenge-new/home-reso.png) no-repeat center 0 !important;
}

#wrapper .wedding-source .home-content  {
    background: url(../i/special-k-challenge-new/home-wedding-day.jpg) no-repeat center 0 !important;
}

#wrapper .bride-source .home-content  {
    background: url(../i/special-k-challenge-new/home-wedding-day.jpg) no-repeat center 0 !important;
}

/***HOME MODULES***/
#callout-left.crackers{
    background: url(../i/special-k-challenge-new/home-callouts/cracker.png) no-repeat;
}
#callout-left.berries{
    background: url(../i/special-k-challenge-new/home-callouts/berries.png) no-repeat;
}
#callout-left.chocolate{
    background: url(../i/special-k-challenge-new/home-callouts/chocolate.png) no-repeat;
}
#callout-left.caramel{
    background: url(../i/special-k-challenge-new/home-callouts/caramel.png) no-repeat;
}
#callout-left.cheddar{
    background: url(../i/special-k-challenge-new/home-callouts/cheddar.png) no-repeat;
}
#callout-left.strawberry-crisps{
    background: url(../i/special-k-challenge-new/home-callouts/strawberry-crisps.png) no-repeat;
}
#callout-left.chocolate-cereal{
    background: url(../i/special-k-challenge-new/home-callouts/chocolate-cereal.png) no-repeat;
}
#callout-right.tracey{
    /*background: url(../i/special-k-challenge-new/home-callouts/tracey.png) no-repeat;*/
    background: url(../i/special-k-challenge-new/home-callouts/tracey-2.png) no-repeat;
}

#callout-right.mobile-app {
    background: url(../i/special-k-challenge-new/home-callouts/mobile-challenge.png) no-repeat;
}

#callout-right.wedding-ready-nonactive,
#callout-right.wedding-ready-active {
    background: url(../i/special-k-challenge-new/home-callouts/wedding-ready.png) no-repeat;
}

/*NEW*/
#callout-left.cheddar-cracker{
    background: url(../i/special-k-challenge-new/home-callouts/cheddar-cracker.png) no-repeat;
}
#callout-left.cheddar-cracker .left-right{
    padding:40px 20px 20px 196px !important
}
#callout-left.granola,
#callout-right.granola{
    background: url(../i/special-k-challenge-new/home-callouts/granola.png) no-repeat;
}
#callout-left.granola .left-right,
#callout-right.granola .right-right{
    padding:40px 20px 20px 196px !important
}
#callout-left.cheddar-cracker .ui-special-text,
#callout-right.granola .ui-special-text{
    padding:4px 0;
}
#callout-left.cheddar-cracker .box-2-title,
#callout-right.granola .box-2-title{
    font-size:18px;
    font-weight:normal;
}
/*END NEW*/
#callout-left .left-right p{
    font-size:13px;
}
#callout-left.crackers .left-right h5,
#callout-left.chocolate-cereal .left-right h5,
#callout-left.strawberry-crisps .left-right h5{
    font-size:27px;
    font-weight:normal;
}
#callout-left.chocolate .left-right h5{
    font-size:20px;
    font-weight:normal;
}
#callout-left.caramel .left-right h5,
#callout-left.cheddar .left-right h5{
    font-size:18px;
    font-weight:normal;
    padding:20px 0 0 25px;
}
#callout-left.caramel .left-right p,
#callout-left.cheddar .left-right p{
    padding-left:25px;
    font-size:12px;
}
#callout-left.chocolate-cereal .left-right p,
#callout-left.strawberry-crisps .left-right p{
    font-size:11px;
}
#callout-left.caramel .left-right a,
#callout-left.cheddar .left-right a{
    padding-left:25px;
}
#callout-left.berries .left-right h5{
    font-size:24px;
    font-weight:normal;
    color:#EA1E51;
    font-style:italic;
}
#callout-left.strawberry-crisps .left-right{
    padding: 25px 0 0 180px !important;
}
/***********************/
/*CONFIGURABLE ELEMENTS*/
/***********************/
.spk_home_temp .headline {
    text-align: center;
    float:right;
}
.spk_home_temp .headline-1 {
    width: 330px; 
    height: 373px;
    padding: 100px 84px 0 84px;    
}

.default-source .spk_home_temp .headline-1 {
    background: url(../i/special-k-challenge-new/bg-home-ornament-organic.png) no-repeat center 20px ;
}
.default-source .spk_home_temp .dayPart-3 {
    background: url(../i/special-k-challenge-new/bg-home-ornament-default.png) no-repeat center 20px !important;
}

.organic-source  .spk_home_temp .headline-1 {
    background: url(../i/special-k-challenge-new/bg-home-ornament-organic.png) no-repeat center 20px ;
}
.organic-source  .spk_home_temp .dayPart-2 {
    background: url(../i/special-k-challenge-new/bg-home-ornament-default.png) no-repeat center 20px !important;
}

.reso-source  .spk_home_temp .headline-1 {
    background: url(../i/special-k-challenge-new/bg-home-ornament-media.png) no-repeat center 10px ;
    padding-top:70px;
    height:265px;
}

.bride-source .headline-1,
.wedding-source .headline-1 {
    background: url(../i/special-k-challenge-new/bg-home-ornament-organic-white.png) no-repeat center;
    width:334px; height:334px;
    padding:106px 99px 0 103px;
}

#bodycontent-inner.dyp .reso-source .spk_home_temp p.headline-menu{
    margin:0 auto;
    width:625px;
    text-align:center;
    color:#fff;
}
.reso-source .spk_home_temp p.headline-menu a{
    color:#fff !important;
    font-size:13px !important;
}
.reso-source .spk_home_temp p.headline-menu .ortry{
    color:#f0d5af !important;
    display:block;
}

.reso-source .spk_home_temp .headline{
    float:none;
    margin:0 auto;
}

.spk_home_temp .headline .headline-text-1 {
    display: block;
    font-size: 20px;
    color: #8e8e8e;
    margin-bottom: 10px;
}

.wedding-source .spk_home_temp .headline .headline-text-1,
.bride-source .spk_home_temp .headline .headline-text-1 { font-size:16px; }

.spk_home_temp .headline .headline-text-2 {
    display: block;
    font-size: 26px;
    text-transform: uppercase;
}

.bride-source .spk_home_temp .headline .headline-text-2,
.wedding-source .spk_home_temp .headline .headline-text-2 { font-size:32px; }

.bride-source .spk_home_temp .headline .headline-text-2.false { font-size:25px; }

.spk_home_temp .headline h1.headline-text-3 {

    color: #4d4d4f;
    background: none;
    font-family: Arial,Helvetica;
    font-size: 13px;
    line-height: 17px;
    height: auto; 
    text-indent:0;
    width: auto;
    border-top: 1px solid #EA1E51;
    border-bottom: 1px solid #EA1E51;
    margin: 10px 1px 6px;
    padding: 5px 0 10px;
}

.bride-source .spk_home_temp .headline h1.headline-text-3 { border-color:#fff; padding:5px 35px 10px; }

.bride-source .spk_home_temp .headline h1.headline-text-3.true,
.wedding-source .spk_home_temp .headline h1.headline-text-3 { border-color:#fff; padding:5px 5px 10px; }

.spk_home_temp .headline p.headline-menu{margin-bottom:25px;}
.spk_home_temp .headline .headline-menu a{ font-size: 10px !important; color: #EA1E51 !important }
.spk_home_temp .headline .headline-menu span { color: #EA1E51 !important; font-style: italic !important; }
.spk_home_temp .headline #go-to-plan-2 {
    position: relative;
    left: 109px;
}
.spk_home_temp .headline #go-to-plan-2-true {
    float: none;
    margin: 0 auto;
    display: block;
    width: 122px;
}
.spk_home_temp .headline #go-to-plan-2-false-organic {
    float: none;
    margin: 0 auto;
    display: block;
    width: 122px;
}
.spk_home_temp .headline #go-to-plan-2-false-reso { 
    float: none;
    margin: 0 auto;
    display: block;
    width: 285px;
}


.bride-source .spk_home_temp .headline #go-to-plan-2-true,
.wedding-source .spk_home_temp .headline #go-to-plan-2-true { margin-top:25px; }

.bride-source #meal-plan { margin-top:11px; left:91px; position:relative; }
.bride-source a.inactive#meal-plan,
.bride-source a.inactive#meal-plan span { cursor:default; }
.wedding-source #start-plan { margin-top:27px; left:91px; position:relative; }

.hp-datepick { overflow:hidden; margin:0 auto; text-align:center; width:260px; padding-top:10px; }
.hp-datepick label { font-size:12px; color:#4d4d4f; width:160px; }
.hp-datepick input { color:#4d4d4f; font-size:11px; text-align:center; width:80px; }


 
   .hp-datepick input.defaultTextActive { color: #a1a1a1; font-style: italic; }

.bride-source .headline p { margin-top:15px; }

/* container 2 */
.spk_home_temp .home-container-2 {
    width: 900px; 
    height: 157px;
    padding: 5px;
    margin-left:-455px;
    position: absolute;
    top:400px;
    left: 50%;
    background: #fff;
}
.spk_home_temp .home-container-2 .container-box-2 {
    width: 447px; 
    height: 159px;
    float: left;
    margin-right:5px;
    position:relative;
}    
#callout-left.container-box-2  .left-right{
    padding:30px 0 0 200px;
}
#callout-right.container-box-2  .right-right{
    padding:118px 0 0 222px;
}

#callout-right.tracey .dyp-button {font-size:12px;}
#callout-right.container-box-2.tracey .right-right{
    /*padding:105px 0 0 175px;*/
    padding:105px 0 0 230px;

}
#callout-right.container-box-2.tracey .dyp-button span {
padding:0 10px 0px 15px;
}

#callout-right.container-box-2.mobile-app .right-right{padding:15px 0 0 140px;}
#callout-right.container-box-2.mobile-app h5 { font-size:20px; font-weight:normal; }
#callout-right.container-box-2.mobile-app p { font-size:11px; line-height:13px; margin-top:5px; }
#callout-right.container-box-2.mobile-app a { margin-top:7px; }
#callout-right.container-box-2.mobile-app .small { font-size:9px; line-height:11px; display:block; }
#callout-right.container-box-2.wedding-ready-nonactive .right-right,
#callout-right.container-box-2.wedding-ready-active .right-right { padding:105px 0 0 220px; }

#communityStats{
    padding:10px 0;
    width:900px;
    margin-top:5px;
    text-align:center;
    color: 4d4d4f;
    font-size:12px;
    background:#E7E6E6;
    vertical-align:middle;
}
#communityStats #ctlStats{
    line-height:11px;
}
#community-challenge{
    text-align:center;
}

/** 12.0 START PLAN  .dyp-start-plan-subsection  *****************************************************************************************/ 

#bodycontent-inner.dyp-my-plan-subsection  { padding: 20px 0 0 0; margin: 0 auto; position: relative; width: 1024px ; }
#bodycontent-inner.dyp-my-plan-subsection #wrapper { background: url(../i/special-k-challenge-new/bg-739-plain.png) center bottom; no-repeat; 
padding: 0 143px 30px 143px; 
width:739px; }
#bodycontent-inner.dyp-my-plan-subsection #top-cap { margin: 0 auto 5px; width: 740px; font-size: 12px; line-height:12px; }
#bodycontent-inner.dyp-my-plan-subsection #heading { min-height:60px; border-top: solid 1px #eee; background-color: #fff;padding: 30px 0 15px; margin: 0 ; text-align: center; }
#bodycontent-inner.dyp-my-plan-subsection #heading h2 { font-size:28px; line-height:28px }
#bodycontent-inner.dyp-my-plan-subsection #heading p { color: #9F9F9F }
#bodycontent-inner.dyp-my-plan-subsection  #heading .selection-box { padding: 18px 38px; background-color: #EDEDED; }
#bodycontent-inner.dyp-my-plan-subsection  #heading .heading-cases h2 { padding-bottom: 13px; font-style: normal; }
#bodycontent-inner.dyp-my-plan-subsection  #heading .selection-box .selection-col-big { width: 269px; float: left; padding-top:3px; }
#bodycontent-inner.dyp-my-plan-subsection  #heading .selection-box .selection-col-left { margin-right: 43px; }
#bodycontent-inner.dyp-my-plan-subsection  #heading .selection-box .selection-col-right { margin-left: 40px; }
#bodycontent-inner.dyp-my-plan-subsection   #heading .selection-box .selection-col-big .dyp-button { margin: 2px 0 0 46px; }
#bodycontent-inner.dyp-my-plan-subsection  #heading .selection-box .selection-col-small { width: 27px; height: 53px; background:url(../i/special-k-challenge-new/update-plan-OR.jpg) repeat-x 0 0; float: left; text-indent: -9999px; }
#bodycontent-inner.dyp-my-plan-subsection  #heading .breadcrumbs { padding-top: 10px; line-height: 26px; height: 26px; }
#bodycontent-inner.dyp-my-plan-subsection #heading .breadcrumbs span { border-right: 1px solid #4D4D4F; padding: 0 10px; }
#bodycontent-inner.dyp-my-plan-subsection #heading .breadcrumbs span.last { border-right:none; }

#bodycontent-inner.dyp-my-plan-subsection #form { min-height: 430px; /* padding: 0 143px 52px 142px;  padding: 0 143px 53px 142px; */ width: 739px; margin: 0 auto; }
#bodycontent-inner.dyp-my-plan-subsection .field { background: url(../i/special-k-challenge-new/bg-startplan-field.png) repeat-x 0 0 ; min-height:80px; margin: 0 4px; padding: 5px 7px; text-align: center;}
#bodycontent-inner.dyp-my-plan-subsection .field .disclaimer { clear: both; color: #939598; font-size: 9px; line-height: 11px; margin: 0 10px 40px; text-align: left; }
#bodycontent-inner.dyp-my-plan-subsection .step1 .error { display: block; margin-top:-15px; padding-bottom: 20px; color:#F00;}
#bodycontent-inner.dyp-my-plan-subsection .step1 #heading p { padding: 0 60px; }
#bodycontent-inner.dyp-my-plan-subsection .step1 #form {}
#bodycontent-inner.dyp-my-plan-subsection .start .body .left { float: left; width: 368px; padding-left: 18px; padding-right:10px; text-align:left; border-right: 1px solid #c1c1c1;}
#bodycontent-inner.dyp-my-plan-subsection .start .body .right { float: right;  padding: 30px 50px 0 0; width: 142px;}
#bodycontent-inner.dyp-my-plan-subsection .start .body .right .button-wrapper { padding-bottom:5px; }
#bodycontent-inner.dyp-my-plan-subsection .color1 { color:#4d4d4f; }
#bodycontent-inner.dyp-my-plan-subsection .marquee-row1 {font-size: 15px; font-style:italic; font-weight:bold;}
#bodycontent-inner.dyp-my-plan-subsection .marquee-row2 {font-size: 11px; }
#bodycontent-inner.dyp-my-plan-subsection .already {font-size: 10px; }
#bodycontent-inner.dyp-my-plan-subsection .already a {font-weight: bold; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplan { float: left; height: 350px; width: 237px; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplanbreak{ float:left; height: 219px; width:0; border:1px solid #e4e4e4; margin-top: 50px; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplan div.box-content { display: block; height: 187px; margin: 8px; padding: 22px 12px 50px 12px; text-align: center; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplan strong { display: block; font-size: 13px; font-weight: bold; line-height:24px; text-align:left;}
#bodycontent-inner.dyp-my-plan-subsection .box-myplan div { text-align:left; color:#808081; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplan div.box-content .download { font-style: italic; padding-top: 4px; color: #808081; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplan a.dyp-button-turquoise-rect span { font-size: 12px; }
#bodycontent-inner.dyp-my-plan-subsection .trailing-copy { padding-top: 15px; font-weight:bold; font-size: 25px; }
#bodycontent-inner.dyp-my-plan-subsection .trailing-copy a { font-size: 10px; }
#bodycontent-inner.dyp-my-plan-subsection .legacy #heading { background-color: #f4f4f4;  margin: 0 3px 0 4px;}
#bodycontent-inner.dyp-my-plan-subsection .legacy div.heading-ornament h3 { font-size: 1.15em; padding-top: 5px; }
#bodycontent-inner.dyp-my-plan-subsection .legacy .marquee-row1 { padding-top: 18px; font-size: 17px; }
#bodycontent-inner.dyp-my-plan-subsection .legacy .start .body .right p.ui-special-text { font-size: 10px; }
#bodycontent-inner.dyp-my-plan-subsection .legacy .start .body .right p.ui-special-text a { font-weight: bold; }
#bodycontent-inner.dyp-my-plan-subsection .step1 #form.legacy {padding-bottom:15px;}
#bodycontent-inner.dyp-my-plan-subsection .mobile .start .body .left { width: 350px; }
#bodycontent-inner.dyp-my-plan-subsection .mobile .start .body .right .button-wrapper{ width: 195px;}
#bodycontent-inner.dyp-my-plan-subsection .new div.heading-ornament h3 { font-size: 1.15em; padding-top: 5px; }
#bodycontent-inner.dyp-my-plan-subsection .new .start .body {width:630px;}
#bodycontent-inner.dyp-my-plan-subsection .new .start .body .button-wrapper { margin: 0 auto; width: 220px; text-align:center;  height:40px;}
#bodycontent-inner.dyp-my-plan-subsection .new .start .body .cancel { font-size: 10px; font-weight:bold; }
#bodycontent-inner.dyp-my-plan-subsection .box-myplan a.dyp-button-turquoise-rect span { font-size: 12px; }

#bodycontent-inner.dyp-my-plan-subsection .new .start .body  .input-wrap {text-align:center;}

#bodycontent-inner.dyp-my-plan-subsection .new .start .body .button-wrapper  a.dyp-button { float:none;}

/** 12.0 START PLAN  .dyp-about-challenge-subsection  *****************************************************************************************/ 


#bodycontent-inner.dyp-about-challenge-subsection  { padding: 30px 0 0 0; width: 1024px margin: 0 auto; position: relative;
/*background:url(../i/special-k-challenge-new/bg-about-template.jpg)*/ 

}



#bodycontent-inner.dyp-about-challenge-subsection #top-cap { 
    margin: 0 auto 5px; width: 915px; font-size: 12px; 
    background:url(../i/special-k-challenge-new/bg-top-challenge.png)
    no-repeat center top;
    height: 5px;
    margin: 0 auto;
}
#bodycontent-inner.dyp-about-challenge-subsection #background.step1
{ background:none; }
#bodycontent-inner.dyp-about-challenge-subsection .step1 #form {
     /* background: url("../i/special-k-challenge-new/bg-about-form.png")
    no-repeat scroll 0 0 transparent;*/ background: url("../i/special-k-challenge-new/bg-905-plain.png")
    no-repeat scroll center bottom transparent; padding: 0 26px 48px 26px; width: 895px;
}
#bodycontent-inner.dyp-about-challenge-subsection #heading 
{background-color: #fff;}

#bodycontent-inner.dyp-about-challenge-subsection #heading h1
{
background-image:none;
background-color:transparent;
    color: #4d4d4f;
line-height:normal;
font-size:28px;
height:40px;
line-height:40px;
width:auto;
margin: 2px 0 12px 0;
font-weight:normal;
text-indent:0px;

}
#bodycontent-inner.dyp-about-challenge-subsection #heading h2{
    height:47px;
    width:430px;
    margin:5px 0 0 256px;
    padding-top:40px;
}

#bodycontent-inner.dyp-about-challenge-subsection  #form {
    margin: 0 auto;
    min-height: 900px;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields {
    margin: 0 auto;
    background: url("../i/special-k-challenge-new/body-about.jpg") no-repeat;
    /*position:relative;*/
    padding-top:250px;
    padding-bottom:10px;
    min-height:500px;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box{
    /*position:absolute;*/
    width: 795px;
    height:400px;
    background: url("../i/special-k-challenge-new/about-inner-box.png") no-repeat;
    /*top:250px;
    left:60px;*/
    margin:0 auto;
    text-align:center;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-sm{
    /*position:absolute;*/
    width: 224px;
    height:211px;
    background: url("../i/special-k-challenge-new/about-box-sm.png") no-repeat;
    padding:20px 0 0 20px;
    float:left;
    margin-right:10px;
    position:relative;
    text-align:left;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-sm div{
    line-height:13px;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-sm p{
    font-size:12px;
    margin:7px 0 5px 0;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-sm a{
    font-weight:bold;
    color:#004080;
    font-size:11px;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-one{
    /*top:62px;
    left:20px;*/
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-two{
    /*top:62px;
    left:274px;*/
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields h5{
    font-size:18px;
    font-weight:normal
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .inner-box-three{
    /*top:62px;
    left:527px;*/
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .aboutCereal{    
    width: 133px;
    height:142px;
    background: url("../i/special-k-challenge-new/about-cereal.png") no-repeat;   
    position:absolute;
    bottom: 10px;
    right: 5px; 
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .aboutBars{
    width: 133px;
    height:137px;
    background: url("../i/special-k-challenge-new/about-bars.png") no-repeat 0 5px;
    position:absolute;
    bottom: 0px;
    right: 10px; 
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .aboutBurger{
    width: 141px;
    height:148px;
    background: url("../i/special-k-challenge-new/about-burger.png") no-repeat;
    position:absolute;
    bottom: 7px;
    right: 0px; 
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .secondary-box{
    /*position:absolute;*/
    width: 783px;
    height:126px;
    background: url("../i/special-k-challenge-new/about-box-secondary.png") no-repeat;
    /*top:365px;
    left:6px;*/
    margin:20px auto 0;
}

#bodycontent-inner.dyp-about-challenge-subsection  #fields .secondary-box .button-wrapper{
    float:left;
    padding-top:40px;
}

#bodycontent-inner.dyp-about-challenge-subsection  .tertiary-box{
    width: 900px;
    padding-top:14px;
    height:30px;
    background-color: #e7e6e6;
}

#bodycontent-inner.dyp-about-challenge-subsection  .tertiary-box p{
    font-size:12px;
    text-align:center;
}

#bodycontent-inner.dyp-about-challenge-subsection .heading-ornament h3{
    font-color:#4d4d4f;
}

#bodycontent-inner.dyp-about-challenge-subsection .bottomMsg{
    /*width: 426px;
    position:absolute;
    bottom: 20px;
    left:200px;*/
    text-align:center;
}

#bodycontent-inner.dyp-about-challenge-subsection .secondLeft{
    width: 175px;
    float:left;
    padding:45px 0 0 30px;
}

#bodycontent-inner.dyp-about-challenge-subsection .secondRight{
    width: 290px;
    float:right;
    text-align:center;
    padding:30px 60px 0 0;
}

#bodycontent-inner.dyp-about-challenge-subsection .secondRight p{
    color:#4d4d4f;
}
#bodycontent-inner.dyp-about-challenge-subsection .field{
    background:none;
    min-height:0;   
}

#bodycontent-inner.dyp-about-challenge-subsection #communityStats
{width:895px;}


#bodycontent-inner.dyp-my-plan-subsection .box-myplan a.dyp-button-turquoise-rect span { font-size: 12px; }

.modal.email
{
padding:4px;
background-color:#FFF;
box-shadow: 0 4px 5px #CCCCCC;
}
.modal.email h3{
    margin:15px;
}
.modal.email .field{
    background: url("../i/special-k-challenge-new/bg-startplan-field.png") repeat-x scroll 0 0 #F8F6F6;
    margin: 0;
    min-height: 80px;
    padding: 32px 25px;
}
.modal.email .field h3{
margin:25px;
}
.modal.email .field input{
    width:250px;
    height:25px;
}
.modal.email .field .box{
     width: 330px;
}
.modal.email .field a.close
{
color:#00447C;
}
.modal.email a.dyp-button.fixed-2
{
margin-top:25px;
}
.modal.email input.clear-field
{    
    background-color: #efeeee;
    border:none;
    overflow:auto;
    -webkit-box-shadow: inset 1px 1px 1px #b6b5b5; 
    -moz-box-shadow: inset 1px 1px 1px #b6b5b5; 
    box-shadow: inset 1px 1px 1px #b6b5b5;
}
#messages .msg-content{
    width:90%;
    color:#959596;
}
#messages .msg-welcome{
   display:none;
   float:left;
   width:70%;
   color:#4d4d4f;
   font-size:16px;
   font-weight:bold;
   line-height:normal;
}
#messages .msg-close{
   text-align:right;
   display:none;
   float:right;
   width:10%;
   margin-bottom:10px;
}
#bodycontent-inner #messages .msg-close a{
   color:#696a6a;
   font-size:11px;
   font-weight:bold;
   padding-left:14px;
   background:url("../i/icons/msg-close.png") no-repeat scroll left center transparent;
}
#messages .lnk-more{
    font-size:11px;
    font-weight:bold;
}
#public-plan-head{
    border: solid 1px #d3d3d3;
    padding: 20px;
    margin-bottom:15px;
}
.reg-fix h5{
    display:inline;
}
.reg-fix .reg{
    color:#ed164f;
    font-size:11px;
    margin-left:-5px;
    font-family:Arial;
}

* html .reg-fix .reg {font-size: 13px;}
*+html .reg-fix .reg {font-size: 13px;}
@media \0screen {
  .reg-fix .reg {font-size: 13px;}
}
:root .reg-fix .reg {font-size: 13px\9;}
.challenge-boxes{
    padding-left:20px;
}

#form.update-plan-flow {}
#form.update-plan-flow .heads-up {overflow:hidden;background:#ededed;padding:10px 0;margin:25px 0 0;}
#form.update-plan-flow .heads-up .division {width:27px;margin:0 20px;padding-top:15px;float:left;height:51px;text-indent:-9999em;background:url('../i/special-k-challenge-new/update-plan-choice-divider.png') no-repeat 0 7px;}
#form.update-plan-flow .heads-up .choice {width:270px;float:left;padding:5px 30px 0;}
#bodycontent-inner #form.update-plan-flow .heads-up .choice p {color:#4d4d4f;text-align:center;line-height:1.5em;}
#form.update-plan-flow .heads-up .choice .dyp-button {margin:0 0 0 64px;}
#form.update-plan-flow .sub-heading {margin-top:10px;}
#form.update-plan-flow .sub-heading span {display:inline-block;padding:5px 0;}
#form.update-plan-flow .sub-heading span.title {font-weight:bold;border-right: 1px solid #ccc;margin:0 25px 0 0;padding:5px 25px 5px 0;color:#ED1850;text-transform:uppercase;}
#form.update-plan-flow .sub-heading p {margin:0;}
#form.update-plan-flow .field .notice {font-size:.85em;}

#chooseNewPlanForm {padding:15px 0;}
#chooseNewPlanForm .wrap-btns {overflow:hidden;}
#chooseNewPlanModal {display:none;background:url('../i/modals/update-plan-modal.png') no-repeat;padding:25px 15px;width:591px}
#chooseNewPlanModal #fields .box-challenge {width:130px;height:160px;margin-right:5px;background:url('../i/modals/challenges-sm-bg.png') -133px 0 no-repeat;}
    #chooseNewPlanModal #fields #challenge-option-1.box-challenge {background-position:0 0;margin-left:12px;}  
    #chooseNewPlanModal #fields #challenge-option-1.box-challenge a {padding:66px 0 10px;height:auto;}
        #chooseNewPlanModal #challenge-option-1.box-challenge span strong {line-height:14px;}
#chooseNewPlanModal .box-challenge a {padding:48px 8px 14px;margin:0 5px 0 0;}
    #chooseNewPlanModal #fields .box-challenge.selected a {margin: 0 5px 0 0;}
#bodycontent-inner #chooseNewPlanModal .wrap-boxes {margin:10px 0;}

#bodycontent-inner.dyp #chooseNewPlanModal .field .box-challenge.selected a {
border-width: 2px;
border-style: solid;
}
#bodycontent-inner.dyp #chooseNewPlanModal .field .box-challenge a:hover {
border-width: 2px;
border-style: solid;
}
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-1.box-challenge img { margin-bottom: -10px; }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-1.box-challenge.selected a { border-color:#EA1E51;height:74px }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-2.box-challenge.selected a { border-color:#FD8048 }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-3.box-challenge.selected a { border-color:#9B131F }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-4.box-challenge.selected a { border-color:#A70D7F }

#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-1.box-challenge a:hover { border-color:#EA1E51;height:74px }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-2.box-challenge a:hover { border-color:#FD8048 }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-3.box-challenge a:hover { border-color:#9B131F }
#bodycontent-inner.dyp #chooseNewPlanModal .field #challenge-option-4.box-challenge a:hover { border-color:#A70D7F }
#bodycontent-inner.dyp #chooseNewPlanModal .box-challenge strong {font-size:14px;line-height:19px;}

#bodycontent-inner #chooseNewPlanModal .box-challenge a:hover {padding:49px 8px 13px;margin:0 5px 0 0;}
#bodycontent-inner.dyp #chooseNewPlanModal h3 {font-size:24px;padding:0 12px;}
#bodycontent-inner.dyp #chooseNewPlanModal h3 span {color:#ed174f;}
#bodycontent-inner .field #chooseNewPlanForm p {text-align:left;margin-bottom:2px;padding:0 12px;}

#chooseNewPlanModal .box-challenge span,
    #chooseNewPlanModal .box-challenge span strong {font-size:10px;}
        #chooseNewPlanModal #challenge-option-1.box-challenge span strong {font-size:9px;display:inline;}
#chooseNewPlanModal .box-challenge strong {font-size:15px;line-height:19px;}



#profile .recent-badges {
    height: 63px;
    position: absolute;
    right: 0px;
    top: 7px;
    width: 420px;
    display:none;
}
#profile .recent-badges  .ui-special-text
{
    margin:21px 30px;
    width:145px;
}
#profile .recent-badges  #recent-badges
{
   display:block;
   margin-top:5px;
}
#profile .recent-badges .empty
{
    position:absolute;
    top:22px;
    left:145px;
}
/*Friends Tab Badges*/
#friends .col ul li .friends-tab-badges
{
    /*background: none repeat scroll 0 0 red;*/
    height: 88px;
    position: absolute;
    right: 0;
    top: 51px;
    width: 162px;
}
#friends .col ul li .friends-tab-badges > h6
{
    font-size:11px;
    color:#4D4D4F;
    font-weight:normal;
    border:none;
    margin-left: 13px;
}
#friends .col ul li .friends-tab-badges .badges_overlay h6,
{
    font-size:9px!important;
    color:#4D4D4F;
    font-weight:bold!important;
    border:none;
}
.friends-tab-badges ul li{
    float:left;
    border:none!important;
}
.friends-tab-badges ul{
    margin-top:10px;
}
.dyp-tab-nav-2 li
{
   float:left!important;
}
.dyp-tab-nav-2 li a.dyp-button
{
   float:none!important;
}

/** 14.0   ********************************************** LEGACY PLAN **************************************************/

#legacy-plan-print
{
width:875px;
margin: 0 auto;
position:relative;
}

#legacy-plan-print #header {

    clear: both;
    float: none;
    height: 80px;
    margin: 0 auto 3px;
    text-align: left;
    width: 980px;
}

#legacy-plan-print #header a img
{border:none !important;
}

#legacy-plan-print #plan-content

{background: transparent url(../i/special-k-challenge-new/bg-legacy-plan-print.png) no-repeat center top;
padding: 25px 0 10px 0;

}

#legacy-plan-print #legacy-plan-content .dyp-button
{float:right;}

 
#legacy-plan-print #legacy-plan-content h1{
    font-size:25px;
    color: #ed174f;
    font-weight:bold;

    letter-spacing:1px; 
}

#legacy-plan-print #legacy-plan-content h2{
    font-size:22px;
    color: #4d4d4f;
    font-weight:normal;
    font-style:italic;
    letter-spacing:1px; 
    }


#legacy-plan-print #plan-content h3, 
#legacy-plan-print #plan-content h4
{float:left; 
background-color: #ececec;
height:30px;
line-height:30px;
font-size:13px;
font-family:arial;
margin:0px;
margin-top:10px;
}


#legacy-plan-print #plan-content h3

{ width:500px;

font-weight:bold;
padding-left:20px;}

#legacy-plan-print #plan-content h4
{ width:355px;

font-weight:normal;
font-style:italic;
}


#legacy-plan-print #plan-content table
{clear:both;
width:875px;
font-family:arial;}


#legacy-plan-print #plan-content td
{padding: 15px 10px 5px 20px;
border-top: solid 1px #d9d9d9;
font-size: 12px;
color: #4d4d4f;
width:375px;
min-height:10px;
min-width:10px;

}
#legacy-plan-print #plan-content td.first
{}

#legacy-plan-print #plan-content td.meal
{width:90px; font-weight:bold;}

#legacy-plan-print #plan-content td ul
{padding:0;
margin:0;}

#legacy-plan-print #plan-content td
{list-style-position:outside;}


/** 15.0 APP MOBILE SECTION (#app-mobile-section) challenge/mobile ******************************************************************************/

#background.app-mobile-section
{width:980px; margin: 0 auto; padding-bottom: 30px;}

/***********************modals ****************************************************/

.medium-modal { 
    height: 390px;
    padding: 5px 15px;
    width: 600px;
    text-align:center;
    background:url('../i/special-k-challenge-new/tour/bg-tour-1.png') no-repeat center top;
}



.medium-modal .heading-modal{ 
    height: 55px;
    margin-top: 10px;

    font-size:24px;
}

.medium-modal p{font-size:13px; color:#333;}
  
.medium-modal p.strong{
    font-size:12px;
    font-style:italic;
    color:#4d4d4f;
    font-weight:bold;
}





.medium-modal .center-area
{text-align:center;
padding:50px 30px 0 30px;
height:170px;}


.medium-modal .center-area .action-btn-div
{display:block
height:30px;
padding:15px 0;
margin:0 auto;
text-align:center;
width:180px;
}

.medium-modal  .center-area .action-btn-div span 
{width:130px;}


.medium-modal  .center-area .small
{font-size:11px;}


.medium-modal   a#lnkCloseBottom,  a#lnkCloseBottom:link
{font-weight:bold;
margin-top:10px;
display:block;
  color: #00447C;}

.medium-modal .facebook-invite
{padding:75px 140px 15px;
}


.medium-modal  .facebook-invite p.cufon
{
font-size:22px;
line-height:30px;
font-style: italic;
color: #333333;

}