BODY                    {font-family:Tahoma, Arial, sans-serif; font-size:8pt;}
TABLE                   {font-family:Tahoma, Arial, sans-serif; font-size:8pt;}
INPUT                   {font-family:Tahoma; font-size:8pt;}
BUTTON                  {font-family:Tahoma; font-size:8pt;}

H1                      {font-family:'Franklin Gothic Medium'; font-size:21pt; font-weight:normal; font-style:normal; margin-top:0.5em; margin-bottom:0.5em;}
H2                      {font-family:'Franklin Gothic Medium'; font-size:18pt; font-weight:normal; font-style:normal; margin-top:0.5em; margin-bottom:0.5em;}
H3                      {font-family:Tahoma;                   font-size:8pt;  font-weight:bold;   font-style:normal; margin:0;}
H4                      {font-family:Tahoma;                   font-size:8pt;  font-weight:normal; font-style:normal; margin:0;}

/* Horizontal divider lines */
.HorzLine1              {width:100%; font-size:1pt; border-top:'1px solid'; filter:alpha(style=1 startX=0 finishX=100 opacity=0 finishOpacity=100);}
.HorzLine2              {width:100%; font-size:1pt; border-top:'1px solid'; filter:alpha(style=1 startX=0 finishX=100 opacity=100 finishOpacity=0);}

/* Links are gray with underline only on rollover */
A                       {font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; text-decoration:none; color:#3F3D3D}
A:hover                 {text-decoration:underline; color:#7E7C7C}
A:active                {color:#7E7C7C}

/* Page1 is a white background with black or dark-gray text. Link color is default. */
.Page1                  {background-color:white; color:black;}
.Page1 TABLE            {color:black}
.Page1 TD               {border-color:#3F3D3D}
.Page1 H1               {color:#9598A4}
.Page1 H2               {color:#9598A4}
.Page1 H3               {color:#3F3D3D}
.Page1 H4               {color:#3F3D3D}
.Page1 .HorzLine1       {color:#3F3D3D}
.Page1 .HorzLine2       {color:#3F3D3D}

/* Page2 is a gray background with white or light-gray text */
.Page2                  {background-color:#B1B3C8; color:white;}
.Page2 TABLE            {color:white}
.Page2 TD               {border-color:white}
.Page2 H1               {color:#DFE5F7}
.Page2 H2               {color:#DFE5F7}
.Page2 H3               {color:white}
.Page2 H4               {color:white}
.Page2 A                {color:white}
.Page2 A:hover          {color:white}
.Page2 A:active         {color:white}
.Page2 .HorzLine1       {color:#DFE5F7}
.Page2 .HorzLine2       {color:#DFE5F7}

.CategoryTitle          {color:white; height:3em; padding:'0 1em'; font-family:Tahoma; font-size:8pt; font-weight:bold; font-style:normal; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FF777792',EndColorStr='#FFB1B3C8');}

/* Left pane */
.SecondaryPane          {width:200px; font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFC4C8D4',EndColorStr='#FFB1B3C8'); color:#000080; background-color:#C4C8D4; display:expression( (document.body.clientWidth > 400) ? 'block' : 'none' );}
.SecondaryPane TABLE    {color:#000080;}

/* Used for Related Tasks and Learn About in the left pane */
.LearnAboutBox          {border:'1px solid white'; background-color:white; margin-bottom:1em;}
.LearnAboutCaption      {height:2em; padding:'0.3em 1em'; font-family:Tahoma; font-size:8pt; font-weight:bold; font-style:normal; color:#3F3D3D; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FFFFFFFF',EndColorStr='#FFD6D7E0'); border-bottom:'1px solid #D6D7E0';}
.LearnAboutBody         {padding:'1mm 2mm'; font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; background-color:#F0F1F5;}

/* Bullets for lists of links on the "Pick a task" and "What do you want to do?" pages */
UL.TaskList             {list-style-type:square; list-style-image:url(taskbullet.gif);}
