/* 
   ----------------------------------------------------------------------------------
   All phase information should go in here EXCEPT template structure.
   Phase information for the sidebar, welcome box, etc. can be found in template.css.
   ----------------------------------------------------------------------------------
*/

    /* Links */
    #Phase0 a:link.phase, #Phase0 a:visited.phase {color:#F58466}
    #Phase1 a:link.phase, #Phase1 a:visited.phase {color:#F58466}
    #Phase2 a:link.phase, #Phase2 a:visited.phase {color:#BAD235}
    #Phase3 a:link.phase, #Phase3 a:visited.phase {color:#00AEC6}
    
    /* ASP Page Headers */
    .pagehdr1 {font:bold 20px arial}
    #Phase0 .pagehdr1 {color:#F58466}
    #Phase1 .pagehdr1 {color:#F58466}
    #Phase2 .pagehdr1 {color:#C1D72E}
    #Phase3 .pagehdr1 {color:#00AEC5}
    
    /* Phase Boxes (Phases.asp) */
    .bgphase1, .bgphase2, .bgphase3 {text-align:left}
    #Phase0 .phasebox {background:#FDE8E3;border:#F58466 solid 1px;}
    #Phase1 .phasebox, .bgphase1 {background:#FDE8E3;border:#F58466 solid 1px;}
    #Phase2 .phasebox, .bgphase2 {background:#F6FAC1;border:#C1D72E solid 1px;}
    #Phase3 .phasebox, .bgphase3 {background:#E8F8F5;border:#00AEC5 solid 1px;}
    
    /* Phase Background Colors (Can be used with .masked from module.css) */
    #Phase0 .phasebg, #PublicPhase0 {background:#FDDBD3}
    #Phase1 .phasebg, #PublicPhase1 {background:#FDDBD3}
    #Phase2 .phasebg, #PublicPhase2 {background:#EAF37D}
    #Phase3 .phasebg, #PublicPhase3 {background:#D0EFEA}
    
    #Phase0 .phasebg, #PublicPhasePriv0 {background:#FDDBD3}
    #Phase1 .phasebg, #PublicPhasePriv1 {background:#FDDBD3}
    #Phase2 .phasebg, #PublicPhasePriv2 {background:#EAF37D}
    #Phase3 .phasebg, #PublicPhasePriv3 {background:#D0EFEA}
    
    /* Textbox Colors */
    #Phase0 .phasetextbox {border:#F58466 solid 1px;}
    #Phase1 .phasetextbox {border:#F58466 solid 1px;}
    #Phase2 .phasetextbox {border:#C1D72E solid 1px;}
    #Phase3 .phasetextbox {border:#00AEC5 solid 1px;}
    
/* Phase Progress (uc_PhaseProgress) ********************************************** */

    /* My Progress Module (Outer) */
    #MyProgress {width:405px;}
    #MyProgress .outer {width:auto;border:#eee solid 1px;border-width:0 1px;background:#FDEDC1 url('/sbd/images/pages/homepage/mod_progress_bg.gif') 0 0 repeat-x;}
    #MyProgress .inner {width:auto;padding:3px 10px;}
    #MyProgress .top {width:405px;height:7px;overflow:hidden;background:url('/sbd/images/pages/homepage/mod_progress_top.gif') 0 0 no-repeat;}
    #MyProgress .bottom {width:405px;height:7px;overflow:hidden;background:url('/sbd/images/pages/homepage/mod_progress_bottom.gif') 0 0 no-repeat;}
    
    /* Phase Bar (Top) */
    #PhaseBar {border-bottom:#B4B4B4 dotted 1px;padding:0 0 10px;margin:0 0 10px;}
    #PhaseBar img, #PhaseBar a {float:left;}
    #PhaseBar img.phasetext {margin:8px 5px 0 0;}
    #PhaseBar a:link.update, #PhaseBar a:visited.update, #PhaseBar a:hover.update {font:normal 12px arial;display:block;margin:8px 0 0 5px}
    
    /* Adjust CSS When Weight Module is hidden */
    .HideWeight #MyProgress li {float:left;margin:0 10px 0 0;font:normal 11px arial;}
    
    /* Small Phase Boxes */
    .phasebox1, .phasebox2, .phasebox3 {width:33px;height:33px;overflow:hidden;margin:0 5px;border:none;}
    .phasebox1 {background:url('/sbd/images/phases/phasebox1_icon_off.gif') 0 0 no-repeat;}
    .phasebox2 {background:url('/sbd/images/phases/phasebox2_icon_off.gif') 0 0 no-repeat;}
    .phasebox3 {background:url('/sbd/images/phases/phasebox3_icon_off.gif') 0 0 no-repeat;}
    #Phase1 .phasebox1 {background:url('/sbd/images/phases/phasebox1_icon_on.gif') 0 0 no-repeat;}
    #Phase2 .phasebox2 {background:url('/sbd/images/phases/phasebox2_icon_on.gif') 0 0 no-repeat;}
    #Phase3 .phasebox3 {background:url('/sbd/images/phases/phasebox3_icon_on.gif') 0 0 no-repeat;}
    /* Phase Boxes for Public Profile - Turn on user phase */
    #PublicPhase1 .phasebox1 {background:url('/sbd/images/phases/phasebox1_icon_on.gif') 0 0 no-repeat;}
    #PublicPhase2 .phasebox2 {background:url('/sbd/images/phases/phasebox2_icon_on.gif') 0 0 no-repeat;}
    #PublicPhase3 .phasebox3 {background:url('/sbd/images/phases/phasebox3_icon_on.gif') 0 0 no-repeat;}
    
    #PublicPhasePriv1 .phasebox1 {background:url('/sbd/images/phases/phasebox1_icon_on.gif') 0 0 no-repeat;}
    #PublicPhasePriv2 .phasebox2 {background:url('/sbd/images/phases/phasebox2_icon_on.gif') 0 0 no-repeat;}
    #PublicPhasePriv3 .phasebox3 {background:url('/sbd/images/phases/phasebox3_icon_on.gif') 0 0 no-repeat;}
    
    /* Phase Boxes for Public Profile - Turn off others */
    #PublicPhase2 .phasebox1, #PublicPhase3 .phasebox1 {background:url('/sbd/images/phases/phasebox1_icon_off.gif') 0 0 no-repeat;}
    #PublicPhase1 .phasebox2, #PublicPhase3 .phasebox2 {background:url('/sbd/images/phases/phasebox2_icon_off.gif') 0 0 no-repeat;}
    #PublicPhase1 .phasebox3, #PublicPhase2 .phasebox3 {background:url('/sbd/images/phases/phasebox3_icon_off.gif') 0 0 no-repeat;}
 
    #PublicPhasePriv2 .phasebox1, #PublicPhasePriv3 .phasebox1 {background:url('/sbd/images/phases/phasebox1_icon_off.gif') 0 0 no-repeat;}
    #PublicPhasePriv1 .phasebox2, #PublicPhasePriv3 .phasebox2 {background:url('/sbd/images/phases/phasebox2_icon_off.gif') 0 0 no-repeat;}
    #PublicPhasePriv1 .phasebox3, #PublicPhasePriv2 .phasebox3 {background:url('/sbd/images/phases/phasebox3_icon_off.gif') 0 0 no-repeat;}
       
    /* Weight Goal Module  (Bottom) */
    #MyGoals {margin:0 15px 0 0;}
    #MyGoals .timestamp {font:normal 11px arial;margin:0;padding:2px 0 0}
    #MyGoals .weight {font:bold 15px/18px arial;color:#000;padding:0 0 1px}
    #MyGoals .section {padding:0 10px}
    #MyGoals .start   {color:#B11540;width:auto;border:#B4B7B6 solid 1px;border-width:1px 0 1px 1px;float:left;background:#F3C0B3 url('/sbd/images/pages/homepage/goals_bg_start.gif') 0 0 repeat-x;}
    #MyGoals .current {color:#518737;width:auto;border:#B4B7B6 solid 1px;border-width:1px 0;float:left;background:#D7E589 url('/sbd/images/pages/homepage/goals_bg_current.gif') 0 0 repeat-x;border-left:#9B9B9B solid 1px}
    #MyGoals .goal    {color:#008196;width:auto;border:#B4B7B6 solid 1px;border-width:1px 1px 1px 0;float:left;background:#83D2DA url('/sbd/images/pages/homepage/goals_bg_goal.gif') 0 0 repeat-x;border-left:#9B9B9B solid 1px}
    #MyGoals .current .section {background:url('/sbd/images/pages/homepage/goals_arrow_start.gif') 0 0 no-repeat;position:relative;left:-1px;padding-left:30px;}
    #MyGoals .goal .section {background:url('/sbd/images/pages/homepage/goals_arrow_current.gif') 0 0 no-repeat;position:relative;left:-1px;padding-left:30px}