/* Weight Watchers dark blue = bgcolor="#006598" headers and such*/
      /* Weight Watchers light brown =  bgcolor="#cc9900" for td's tables and such*/

      /*  START CSS */

/*  BEGIN GROUPED SELECTORS */  

A, FONT, FONT.cell, FONT.footer, FONT.headerlink, FONT.label, 
FONT.required, FONT.welcome, 
H1, H2, H3, H4, H4.course, H1.DesktopTitle,  H4.stress,  H5, H6, 
LI, OPTION, P, P.bold, P.breadcrumb, P.welcome,
TD.MastheadTitle,TH.news,TD,
.bold, .bottomprompt, .breadcrumb, .cell, .colhead, .error, .footer, 
.homemenu, .label, .prompt, .required, .rowdata, .scopenote,.scopenoteStress, 
.select, .title, .toolbox, .welcome, .legal , .fs
{
  font-family:  Arial, Tahoma, Helvetica, Verdana, sans-serif;
}


A, FONT, FONT.footer, FONT.headerlink, FONT.label, FONT.required, FONT.welcome,
H5, LI, OPTION, P, P.bold, P.breadcrumb, P.welcome,
.bold, .breadcrumb, .cell, .colhead, .error, .footer, 
.footercopyright, .label, .news, .prompt, .required, .scopenote, 
.scopenoteStress,.toolbar, .toolbox, .welcome, .legal
{
  font-size: 13px;
}

.breadcrumb, .error, .invisible, .mild, .required, .select, .toolbox,
DesktopStatusBar, .welcome  {
  background: transparent;
}

H1, H2, H3, H4, H5, H6  {
  color: #000000;
  background: transparent;
  text-align:center;
  width: auto;
  height: auto;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
  clear: none;
  vertical-align: baseline;
  list-style-image: none;
  list-style-type: disc;
  list-style-position: outside;
}
body  {
background-color: white;  
font-family: Verdana;
font-size: 13px;
}
    H1, H2, H3, H4, H4.course, H5, H6, B, STRONG       { 
  font-weight: 600;
}
         
/*  END GROUPED SELECTORS */ 

/*  START INDIVIDUAL SELECTORS */ 

/* for the Success Story Disclaimer */
.disclaimer {
 font-size: 10px;
}

/* White text on Blue background for the banner */
.banner_text {
 font-weight: 700;
 color: white;
 background: #006699;
 font-size: 16px;
}

/* White text */
.white_text {
 color: white;
}

/* For table headers on the meeting locator page */
.ml_header {
 color: black;
/* background: #5ed2ff;*/
 background: #cc9900;
 font-size: 13px;
}

/* For cells on the meeting locator page */
.ml_text {
 color: black;
 font-size: 13px;
}

/* product classes */
.pr_desc {
 color: black;
 font-size: 13px;
}

/* product classes */
.pr_price {
 color: black;
 font-size: 13px;
 font-weight: 600;
}

/*.pr_bgnd {background:#638E8C}*/
.pr_bgnd {background: #006699}

.pr_row {background: white}


B  {
  font-weight: 700;
}

DIV.content {
  padding: 0em 1.5em 0em 1.5em; 
    }

FONT.cell { 
  font-size: 8px;
}

FONT.footer {
  text-align: center;
}

/*  Used as a clikable "header" (not centered) if centered us an H selector */
FONT.headerlink {
  color: red;
  font-size: 12px;
  text-decoration: underline;
  font-weight: 700;
}

FONT.label{
  font-weight: 700;
}

/*  larger text than font */
FONT.stress {
  font-size: 16px;
  font-weight: 700;
}

FONT.navlink {
  font-size: 12px;
  text-decoration: underline;
}
 
FONT.required {
  background: transparent;
  color:red;

}

FONT.trademark {
  font-size: 10px;
}

FONT.welcome{
  font-size: 12px;
  color: black;
}

 
H1  {
  font-size: 40px;
  font-weight: 500;
}

H1.DesktopTitle { 
  font-size: 18px;
}

H2  {
  font-size: 15px;
  font-weight: 700;
  font-family: Tahoma, Verdana, Arial, Helvetica;
}

/*  Used on the top of Kaivo pages */
H3  {
  font-size: 12px;
  font-weight: 600;
}

H4  {
  font-size: 12px;
}

STRONG  {
  font-size: 15px;
  font-family: Tahoma, Arial, Helvetica;
}

/* Used for red non-link headers (Shouldn't they be links, no-H4.stress, */
/*   yes-FONT.headerlink                                                 */
H4.stress  {
  color: red;
  font-size: 12px;
  font-weight: 700;
}

/*  Used on the clickable course names */
H4.course  {
  font-size: 12px;
  color: blue;
  text-decoration: underline;
}


H6  {
  font-size: 8px;
}

IMG  {
  border: 0;
}

IMG.middle  {
  vertical-align: middle;
}

P.Desktop { 
	font-size: 12px;
	margin-right:12px;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
}
/**/
/*TABLE {*/
/*  text-align: left;*/  
/*  border: 5;*/
/*  word-spacing: 0; */
/*  padding: 0;*/
/*}*/
/**/

TABLE.padded {
  text-align: left;  
  border: 0;
  word-spacing: 0; 
  padding: 15px; 
}

TABLE.main {
  text-align: left;  
  border-width: thin;
  word-spacing: 0; 
  padding: 5px; 
}


TABLE.middlecontent {
  text-align: left;  
  border: 0;
  word-spacing: 0;  
}


TABLE.border {
  text-align: left;
  border-width: thin ! important;
  word-spacing: 0; 
  padding:5px;
}

TABLE.center {
  text-align: center;
  /*border: 1 ! important;*/
  word-spacing: 0; 
  padding:7px;
}

TABLE.tight {  text-align: top;
  border: 0;
  word-spacing: 0; 
  padding:0 ! important;
  padding-bottom:0;
  padding-top:0;
}

TD.MastheadTitle { 
  background: #d9b265; 
  font-size: 24px;
  font-weight: bold; 
  color: #000000;
}

TD.Masthead { 
  background: #d9b265; 
  font-size: 14px;
  font-weight: bold; 
  color: white;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

TD.left {
  text-align: left;
  vertical-align: top;
  }


/*TD {*/
/*  text-align: left;*/
/*  vertical-align: top;*/
/*  }*/

TD.center {
  vertical-align: top;	
  text-align: center;
}

TD.leftcontent {
  background: #d9b265;
  vertical-align: top;	
  text-align: center;
  width:150px;
}

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

TD.title {
  background-color: #cc9900;
  vertical-align: middle;	
  text-align: left;
  padding-left: 13px;
}

TD.top {
  vertical-align: top;	
}

TD.right {
  vertical-align: top;	
  text-align: right;
}

TD.rightpad {
  padding: 0em 10em 0em 0em;
}

/* Used same as class="label".  TH centers text! */
TH.label {
  vertical-align: top;	
  color: black;
  font-size: 10px;
}

/*   TH centers text! */
/*TH {*/
/*  vertical-align: top;*/	
/*  color: black;*/
/*  font-size: 13px;*/
/*}*/

/*  TH centers text! */
TH.news {
  vertical-align: top;
  background: #d9b265;
  color: black;
  text-align: left;
  font-size: 13px;
}

/* Used for text on a dark background like a color bar over a table */
TH.overcolor {
  vertical-align: top;	
  text-align: left;
  background: transparent;
  color:white;
  font-size: 13px;

}

TR {
  text-align: left ! important;
  vertical-align: top ! important;
}

TR.right {
  text-align: center ! important;
  vertical-align: middle ! important;
}
/*  END INDIVIDUAL SELECTORS */ 

/*  START CONTEXTUAL SELECTORS */
/*  e.g. H1 EM {color: red} */
/*  END CONTEXTUAL SELECTORS */ 

/*  START CLASSES (classed elements; they inherit values from their parent in the document
   structure. */


.bluebg {
  background-color: #006598;
}
.bluetitle {
  font-family: Tahoma;
}

.bold  {
  font-weight: 700;
}

/* this puts a thin border around stuff but is cross browser flaky */
.border  { 
  background: transparent;
  border-style:solid; 
  border-width:thin;
  border-color:black; 
} 

/* use for questions in red at the bottom of pages to ask ask user what they want to do */
.bottomprompt {
  color:red;
  font-weight: 700;
}

/* Used for text on a dark background like a color bar over a table or for recursive paths */
.breadcrumb { 
/*  background-color: #486591;  */
  background: transparent;
  font-weight: 500;
  font-size: 13px;
}

/* Used for text on a white background */
.breadcrumbplain { 
  font-size: 13px;
  font-weight: 500;
}

/* formatting for data inside tables */
.cell { 
  font-size: 8px;
}

.center {
  text-align: center;
  align: center;
  vertical-align: top;
}

/* formatting for table headings */
.colhead { 
  font-size: 13px;
  background: #d9b265;
}

/* Used for confirmation messages on the tops of pages */
.confirm {
  color: red;  
  background: transparent;
  font-size: 13px;
}

.error {
  color: red;  
  background: transparent;
}

.footer { 
  text-align: center;
}

/* See Grouped Selectors */
.footercopyright { 
}

/* See Grouped Selectors */

.fr { 

background-color: yellow;

}

.grey { 
  text-color: blue;

}

.newheader {
  background-color: #fff9ac;
  border-color: #006699;

}

.headercolor { 
  background-color: #cc9900;
}

.homemenu
{ 
  font-size: 18px;
  color: #333366;
  font-weight: 500;
}

.invisible {
  font-size: 12px;
  color: yellow;
}


/* Field labels, developers used .Ilabel */
.label  {
  font-weight: 700;
}
/* NOTE - these following 3 classes are for WWFA franchise */
/*        administrators to use for text emphasis */
/*        Normal font size is 13px */

/* Larger font size */
.large {
   font-size: 30px;
}

/* Medium font size */
.medium {
   font-size: 20px;
}

/* smaller font size for disclaimers */
.disclaimer {
   font-size: 11px;
}
/* end of WWFA franchise admin fonts */

.lead {
  font-family: Helvetica, Verdana, Arial;
  font-size: 16px;
  color: purple;
}

.mild { 
  color: #7f7f7f }

.mkcolheader {
   background: #d9b265;
}


.required {
  background: transparent;
  color:red;
}
 
.reg1 {
  font-size: 8px;
color: purple;
}

.rowdata { 
  font-size: 13px;
}

.rule1 { 
  background-color: transparent;
}

.rule2 { 
  background-color: #E0E0E0;
}

.seclang { 
  background-color: #FFCC00;
}

.fs
{
  font-size: 11px;
}

.scopenote {
  font-size: 13px;
  font-weight: 600;
}

/* Scopenotes with punch!, they are red, for now, (red is bad human factor color) */
.scopenoteStress {
  color: red;
  font-size: 13px;
  font-weight: 700;
}
.select {
  color:red;
  font-size: 13px;
}
.smalltext {
  color:black;
  font-size: 13px;
}

.super  {
  text-align: super;
}

/*  Using H3 on tops of pages, use H3 class="title" from now on, when complete change H3 */
/*  selector to 14 or 16pt */

.title  {

  text-align: center;
  font-family: Tahoma, Verdana, Arial, Helvetica;
  font-size: 15px;
  font-weight: 700;
}

.bluetitle  {

  text-align: center;
  font-size: 24pt
  font-weight: 500;
  font-color="#006699;
}
/* See Grouped Selectors */
.toolbar{
}

.toolbox{
  font-size: 13px;
  color: #000000;
}

.welcome { 
  font-size: 13px;
}

/*  END CLASSES */

/*  START PSEUDO-CLASSES */

a:link  {
  background: transparent;
  color: blue;
  text-decoration: underline;
  font-size: 13px;
  font-family: Helvetica, Verdana, Arial,sans-serif;
} 

a.breadcrumb:link  {
  background: transparent;
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
  font-family:  Helvetica, Verdana, Arial,sans-serif;
} 

a.news:link  {
  background: transparent;
  color: #d9b265;
  font-weight: 600;
  font-size: 13px;
  text-decoration: underline;
  font-family:  Helvetica, Verdana, Arial,sans-serif;
} 
/*
a:hover  {
  background: #d9b265;
  color:purple;
  font-size: 13px;
  text-decoration:underline;
  font-family:  Helvetica, Verdana, Arial,sans-serif;
} 
*/

a.menu  {
  background: transparent;
  color:yellow;
  text-decoration:underline;
  font-size: 13px;
  font-family:  Helvetica, Verdana, Arial, sans-serif;
} 

a:visited {
  background: transparent;
  color:purple;
  text-decoration:underline;
  font-size: 13px;
  font-family:  Helvetica, Verdana,  Arial,sans-serif;
} 

/* BEGIN TEST CLASSES */

.lightblue {
background: lightblue;

}
/*  END PSEUDO-CLASSES */

/*  END CSS */