  html, *, input, textarea, p, div, ul, li, img, button,td
  {
    /* Dont DEFINE a default font here. It is already conditionally linked with UIScheme-CSS-files */

    margin         : 0pt;
    padding        : 0pt;
    border-style   : none;
    border-width   : 0pt;
    text-decoration: none;
  }

  div               {cursor: default}
  body            {margin-right: 13.5pt}
/*
    vml\: *
    {
        behavior : url(#default#VML);
        display  : inline-block;
        antialias: true;
    }
    o\:* { behavior: url(#default#VML)}
*/

  .progressHeader,
  .pillarHeader,
  .overviewHeader       {color: #0451ad; font-size: 12pt}

  .progressTitleText,
  .overviewTitleText,
  .pillarBodyHint       {font-size: 9pt}

  .roundButton             {cursor: hand; padding-left: 9.75pt; padding-right: 9.75pt; padding-top: 2.25pt; padding-bottom: 2.25pt}
  
  .progressHeader,
  .overviewHeader       {cursor: default; margin-left: 22.5pt; margin-right:22.5pt; margin-top: 15pt; margin-bottom: 3.75pt}

  .progressTitleText,
  .overviewTitleText    {cursor: default; margin-left: 22.5pt; margin-right:22.5pt; margin-top: 7.5pt;  margin-bottom: 0pt}

  .progressIconContainer{cursor: default; width: 100%; height: 150pt; margin-top: 37.5pt; text-align: center}
  .progressIcon                  {cursor: default; width: 96pt; height: 96pt}


  .mainContent {}
  
  
  /**************************************************/
  /* CSS Properties for RoundBoxes for the Pillars  */
  /**************************************************/
  .roundContentBox            {}
  .pillarHeader               {padding: 6pt 6pt;}
  .pillarBody                 {padding-top: 3.75pt; padding-right: 6pt; padding-bottom: 0pt;   padding-left: 6pt}
  .pillarBodyOptional         {padding-top: 0pt;    padding-right: 6pt; padding-bottom: 7.5pt; padding-left: 6pt}
  .pillarFooter               {padding-top: 0pt;    padding-right: 6pt; padding-bottom: 0pt;   padding-left: 6pt}  
  
  .pillarBodyHeadOptimized,
  .pillarBodyHeadNotOptimized         {font-size: 10.5pt; margin-top: 7.5pt; margin-bottom: 7.5pt}
  .pillarBodyHeadOptimized,
  .pillarItemResultOptimized          {color: #008855; white-space: nowrap}
  .pillarBodyHeadNotOptimized,
  .pillarItemResultNotOptimized       {color: #DA7A10; white-space: nowrap}
  a.pillarBodyHeadNotOptimized:hover,
  a.pillarItemResultNotOptimized:hover{color: #EF8F1F; text-decoration: underline}
  
  .pillarBodyHint         {margin-bottom: 7.5pt;}
  .pillarItem             {width: 100%; margin-top: 1.5pt; margin-bottom: 1.5pt}
  .pillarItemIcon         {width: 18pt; text-align: left}
  .pillarItemName         {}
  .pillarItemCaption      {padding-right: 7.5pt;}
  .pillarItemLink         {color: #0077BB} 
  a.pillarItemLink:hover  {text-decoration: underline}
  
 
  .quickOptimizationBox     {}
  .systemPerformanceBox     {}
  .performanceAdvisorBox    {}
  .VisualEffectsOptBox      {}


  .OptimizeAllButtonCaption_State_Def	{color: #0C4B69}
  .OptimizeAllButtonCaption_State_Hot	{color: #0C4B69}
  .OptimizeAllButtonCaption_State_Dis	{color: #CCCCCC}
  .OptimizeAllButtonCaption_State_Dwn	{color: #0C4B69}


  .OptimizeAllButton
   {
    /* Dont set Text Color  Here Please. Instead Use OptimizeAllButtonCaption_State_XYZ css classes.*/
  }


  #VisualEffectsSummary
   {
    margin-top: 7.5pt;
  } 
