/* IE 5.5+, Mozilla, and Netscape 6.x styles: classes that include font sizes */

/* This set of classes is to style anchor tags to look like buttons. */

.legendspan {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  }

.typing {
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 12px;
}

div#editorId {
  height: 230px;
  width: 510px;
  padding: 5px;
  border: solid 1px #555555;
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  }

/* filter button styles */
/* linkbutton is a styled link that looks like the usual gray submit button */

a.linkbutton:link, a.linkbutton:visited {
  font-size: 11px;
  color: #3c4e91;
  font-weight: bold;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-right: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f;
  background-color: #e5e5e5;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 4px;
  line-height: 220%;
  text-decoration: none;
  }

a.linkbutton:focus, a.linkbutton:hover, a.linkbutton:active {
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-right: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f;
  background-color: #f5f5f5;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 4px;
  line-height: 220%;
  text-decoration: underline;
  }

a.linkbuttonIE5:link, a.linkbuttonIE5:visited {
  font-size: 11px;
  color: #3c4e91;
  font-weight: bold;
  text-decoration: none;
  }

a.linkbuttonIE5:focus, a.linkbuttonIE5:hover, a.linkbuttonIE5:active {
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline;
  }

div.linkbuttonIE5 {
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin: 4px; 
   text-align: center; 
   background-color: #e5e5e5; 
   border-top: 2px solid #9f9f9f;
   border-left: 2px solid #9f9f9f;
   border-right: 2px solid #5f5f5f;
   border-bottom: 2px solid #5f5f5f;
   float: left;
 }

a.linkbuttonOn:link, a.linkbuttonOn:visited {
  font-size: 11px;
  color: #3c4e91;
  font-weight: bold;
  border-top: 2px solid #5f5f5f;
  border-left: 2px solid #5f5f5f;
  border-right: 2px solid #9f9f9f;
  border-bottom: 2px solid #9f9f9f;
  background-color: #e5e5e5;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 4px;
  line-height: 220%;
  text-decoration: none;
  }

a.linkbuttonOn:focus, a.linkbuttonOn:hover, a.linkbuttonOn:active {
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  border-top: 2px solid #5f5f5f;
  border-left: 2px solid #5f5f5f;
  border-right: 2px solid #9f9f9f;
  border-bottom: 2px solid #9f9f9f;
  background-color: #f5f5f5;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 4px;
  line-height: 220%;
  text-decoration: underline;
  }

a.linkbuttonOnIE5:link, a.linkbuttonOnIE5:visited {
  font-size: 11px;
  color: #3c4e91;
  font-weight: bold;
  text-decoration: none;
  }

a.linkbuttonOnIE5:focus, a.linkbuttonOnIE5:hover, a.linkbuttonOnIE5:active {
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline;
  }

div.linkbuttonOnIE5 {
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin: 4px; 
   text-align: center; 
   background-color: #e5e5e5; 
   border-top: 2px solid #5f5f5f;
   border-left: 2px solid #5f5f5f;
   border-right: 2px solid #9f9f9f;
   border-bottom: 2px solid #9f9f9f;
   float: left;
 }

input.finerprintButton { 
  background-color: #ffffe8;
  font-size: 10px; 
  color: #3c4e91;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

/* finerprintButton is the tiny manila styled link button */

a.finerprintButton:link, a.finerprintButton:visited {
  font-size: 10px;
  color: #3c4e91;
  font-weight: bold;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background-color: #ffffe8;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 0px;
  margin-right: 6px;
  margin-bottom: 2px;
  margin-top: 2px;
  line-height: 200%;
  text-decoration: none;
}

a.finerprintButton:focus, a.finerprintButton:hover, a.finerprintButton:active {
  font-size: 10px;
  color: #ff0000;
  font-weight: bold;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background-color: #ffffe8;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 0px;
  margin-right: 6px;
  margin-bottom: 2px;
  margin-top: 2px;
  line-height: 200%;
  text-decoration: none;
}

a.finerprintgrayButton:link, a.finerprintgrayButton:visited {
  font-size: 10px;
  color: #666666;
  font-weight: bold;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background-color: #e6e6e6;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 0px;
  margin-right: 6px;
  margin-bottom: 2px;
  margin-top: 2px;
  line-height: 200%;
  text-decoration: none;
}

a.finerprintgrayButton:focus, a.finerprintgrayButton:hover, a.finerprintButton:active {
  font-size: 10px;
  color: #999999;
  font-weight: bold;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background-color: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 0px;
  margin-right: 6px;
  margin-bottom: 2px;
  margin-top: 2px;
  line-height: 200%;
  text-decoration: none;
}

a.finerprintButtonIE5:link, a.finerprintButtonIE5:visited {
  font-size: 10px;
  color: #3c4e91;
  font-weight: bold;
  text-decoration: none;
}

a.finerprintButtonIE5:focus, a.finerprintButtonIE5:hover, a.finerprintButtonIE5:active {
  font-size: 10px;
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}

div.finerprintButtonIE5 {
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background-color: #ffffe8;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 0px;
  margin-right: 6px;
}

/* compact mode button w/ dropdowns were deleted from here and  */
/* instances were swapped to the SmallButton proc  */


/* manilabox: this style has no font size, but is supplied here because of NN4.7x browser disparities. */

.manilabox {
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #8F8F8F;  
  border-bottom: 1px solid #8F8F8F;
  padding: 10px;
  margin: 2px;
  background-color: #ffffe8;
  width: 90%;
  text-align: left;
}

.specialtoolbar {
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #8F8F8F;  
  border-bottom: 1px solid #8F8F8F;
  margin: 1px;
  background-color: #ffffe8;
  display: table;
  text-align: left;
  float: left;
}

.manilaboxlite {
  background-color: #ffffe8;
}

.dashbox {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;  
  border-bottom: 1px solid #666666;
  padding: 9px;
  margin: 2px;
  background-color: #f7f7f7;
  display: table;
  text-align: left;
}

.vertical {
  background-position: top left;
  background-repeat: no-repeat;
}

.navbarvisibility {
  }

div.licensetext {
  margin-left: 40px;
  margin-right: 40px;
  }

div.licensetext p {
  margin-bottom: 4px;
  font-size: 12px; 
  }

.titleblack {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  }
  
.titleblue {
  font-weight: bold;
  font-size: 14px;
  color: #3c4e91;
  }

h1.titleblue, h2.titleblue {
  font-weight: bold;
  font-size: 14px;
  color: #3c4e91;
  margin-bottom: 1px;
  margin-top: 2px;
  }

.wksptitle {
  margin-top: 3px;
  line-height: 26px;
  font-weight: bold;
  font-size: 14px;
  color: #3c4e91;
  }
 
div.ToolBar {
  color: #3c4e91;
  font-weight: bold;
  font-size: 11px; 
  padding: 0px;
  margin: 0px;
  }

div.ToolBar a:link, div.ToolBar a:visited {
  color: #3c4e91;
  text-decoration: none; 
  }

div.ToolBar a:focus, div.ToolBar a:hover, div.ToolBar a:active {
  color: #ff0000;
  text-decoration: underline; 
  }


/* This is the 'content' family of type styles */
/* All are 12 in IE, variations are different colors, bold, etc. */

.content {
  font-size: 12px; 
  color: #000000;  
  }

td.content {
  font-size: 12px; 
  color: #000000;  
  }

td.content a {
  font-size: 12px; 
  }

td.content li {
  font-size: 12px; 
  }

td.content p {
  font-size: 12px; 
  }

.bannerContentBold {
  color: #3c4e91; 
  font-size: 12px; 
  font-weight: bold;
}

textarea.content {
  overflow: auto;
  }

ul.content li {
  font-size: 12px; 
  color: #000000;  
  }

ul.nobullet {
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 4px;
  margin-bottom: 2px;
}

ul.nobullet li {
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 1px;
  padding-left: 0px;
  font-size: 12px;
  }

ul.nobullet li ul.nobullet {
  margin-left: 20px;
  padding-left: 0px;
  margin-top: 4px;
  margin-bottom: 2px;
}

ul.menulist {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 1px;
  padding: 0px;
}

ul.menulist li {
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 1px;
  padding-left: 0px;
  font-size: 11px;
} 

fieldset div.forms {
  font-size: 12px; 
  color: #000000;  
  }

.contentgray {
  font-size: 12px; 
  color: #999999; 
  }

.contentbold {
  font-size: 12px;
  font-weight: bold; 
  color: #000000;  
  }

.contentblue {
  font-size: 12px;
  color: #3c4e91; 
  }

.contentbluebold {
  font-size: 12px;
  font-weight: bold; 
  color: #3c4e91; 
  }

h2.contentbold, h3.contentbold {
  font-size: 12px;
  font-weight: bold; 
  color: #000000;  
  margin-bottom: 2px;
  margin-top: 10px;
}

select.content option {
  font-size: 12px; 
  }

table.content td {
  font-size: 12px;
  color: #000000;
}

/* This set of classes is for buttons (ssf_button procs, etc.) */
/* The styles vary by button size (content, fineprint) and activity (active, inactive) */
/* The default styles are contentSubmitOn, contentSubmitOff, fineprintSubmitOn, fineprintSubmitOff */
/* Optional special styles may be specified. They should be defined after the defaults. */

input.contentSubmit, input.contentSubmitOff, input.fineprintSubmitOff { 
  background-color: #e5e5e5;
  font-size: 11px; 
  color: #3c4e91;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-right: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f;
}

input.fineprintSubmitInactive { 
  background-color: #e5e5e5;
  font-size: 11px; 
  color: #666666;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-right: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f;
}

input.contentSubmitOn, input.fineprintSubmitOn { 
  background-color: #e5e5e5;
  font-size: 11px; 
  padding-left: 0px;
  padding-right: 0px;
  color: #3c4e91;
  font-weight: bold;
  border-top: 2px solid #5f5f5f;
  border-left: 2px solid #5f5f5f;
  border-right: 2px solid #9f9f9f;
  border-bottom: 2px solid #9f9f9f;
}

/* Special styles for buttons with unseen indicators (exclam point); uses red font */

input.contentSubmitUnseenOn, input.fineprintSubmitUnseenOn { 
  text-align: center;
  background-color: #e5e5e5;
  font-size: 11px; 
  color: #CC0000;
  font-weight: bold;
  border-top: 2px solid #5f5f5f;
  border-left: 2px solid #5f5f5f;
  border-right: 2px solid #9f9f9f;
  border-bottom: 2px solid #9f9f9f;
}

input.contentSubmitUnseenOff, input.fineprintSubmitUnseenOff { 
  text-align: center;
  background-color: #e5e5e5;
  font-size: 11px; 
  color: #CC0000;
  font-weight: bold;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-right: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f;
}


input.contentSVGButtonOff { 
  text-align: center;
  background-color: #ceddf2;
  font-size: 12px; 
  color: #000000;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

input.contentSVGButtonRedOff { 
  text-align: center;
  background-color: #ceddf2;
  font-size: 12px; 
  color: #000000;
  border-top: 2px solid #CC0000;
  border-left: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
  border-bottom: 2px solid #CC0000;
}


table.SVGButtonRed {
  border-top: 2px solid #CC0000;
  border-left: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
  border-bottom: 2px solid #CC0000;
  margin: 0px;
}

/* end of button style block */

/* This is the 'fineprint' family of type styles */
/* All are 11px in IE, variations are different colors, bold, etc. */

.fineprint {
  font-size: 11px; 
  color: #000000;  
  }

td.fineprint table td {
  font-size: 11px; 
  color: #000000;  
  }

select.fineprint option {
  font-size: 11px; 
  }

.fineprintblue {
  font-size: 11px; 
  color: #3c4e91;
  }

.fineprintbluebold {
  font-size: 11px;
  font-weight: bold; 
  color: #3c4e91;
  }

.fineprintblackbold {
  font-size: 11px;
  font-weight: bold; 
  color: #000000;
  }

input.fineprint {
  font-size: 11px; 
  padding: 0px;
  margin-bottom: 1px;
  }

.fineprintbold {
  font-size: 11px;
  font-weight: bold;
  color: #000000;  
  }

h2.fineprintbold {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 1px;
  }

.fineprintgray, a.fineprintgray {
  font-size: 11px;
  color: #999999; 
  }

/* This is the 'finerprint' family of type styles */
/* All are 10px in IE, variations are different colors, bold, etc. */

.finerprint {
  font-size: 10px;
  }

.finerprintgray {
  font-size: 10px;
  color: #999999;
  }

a.finerprintcontrols:link, a.finerprintcontrols:visited {
  color: #3c4e91;
  font-size: 10px;
  }

a.finerprintcontrols:focus, a.finerprintcontrols:hover, a.finerprintcontrols:active {
  color: #ff0000;
  font-size: 10px;
  }

/* This is the 'finestprint' family of type styles */
/* All are 9px in IE, variations are different colors, bold, etc. */

td.finestprint, .finestprint {
  font-size: 9px;
  }

.finestprint a:visited {
  color: #3c4e91;
  }

.finestprint a:focus, .finestprint a:hover, .finestprint a:active {
  color: #ff0000;
  }

.finestprintcolhead {
  font-size: 10px; 
  color: #000000;
  font-weight: bold;
  }

a.finestprintControls:link, a.finestprintControls:visited {
  color: #3c4e91;
  font-size: 9px;
  }

a.finestprintControls:focus, a.finestprintControls:hover, a.finestprintControls:active {
  color: #ff0000;
  font-size: 9px;
  }

.finestprintgray {
  color: #999999; 
  font-size: 9px; 
  }

/* end of finestprint family */

.wksptitlegray {
  margin-top: 3px;
  line-height: 26px;
  font-weight: bold;
  font-size: 14px;
  color: #999999;
  }
  
.foldernotes {
  font-size: 11px;
  background-color: #f7f7f7; 
  border-top: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  }

div.foldernotes {
  font-size: 11px;
  background-color: #f7f7f7; 
  border-top: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  padding: 8px;
  }

a.bar:link, a.bar:visited {
  font-size: 11px;
  color: #3c4e91;
  text-decoration: none;
  }

a.bar:focus, a.bar:hover, a.bar:active {
  font-size: 11px;
  color: #ff0000;
  text-decoration: underline;
  }

/* link styles - anything that says 'controls' does not gray out even if visited */

a.controls:link, a.controls:visited {
  color: #3c4e91;
  }

a.controls:focus, a.controls:hover, a.controls:active {
  color: #ff0000;
  }

a.contentControls:link, a.contentControls:visited {
  font-size: 12px;
  color: #3c4e91;
  }

a.contentControls:focus, a.contentControls:hover, a.contentControls:active {
  font-size: 12px;
  color: #ff0000;
  }

td.contentControls a:link, td.contentControls a:visited {
  font-size: 12px;
  color: #3c4e91;
  line-height: 158%;
  }

td.contentControls a:focus, td.contentControls a:hover, td.contentControls a:active {
  font-size: 12px;
  color: #ff0000;
  line-height: 158%;
  }

a.contentControlsbold:link, a.contentControlsbold:visited {
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  }

a.contentControlsbold:focus, a.contentControlsbold:hover, a.contentControlsbold:active {
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  }

a.fpcontrols:link, a.fpcontrols:visited {
  color: #3c4e91;
  font-size: 11px;
  }

a.fpcontrols:focus, a.fpcontrols:hover, a.fpcontrols:active {
  color: #ff0000;
  font-size: 11px;
  }

a.fpcontrolsgray:link, a.fpcontrolsgray:visited {
  color: #333333;
  font-size: 11px;
  }

a.fpcontrolsgray:focus, a.fpcontrolsgray:hover, a.fpcontrolsgray:active {
  color: #ff0000;
  font-size: 11px;
  }

a.fpcontrolsbold:link, a.fpcontrolsbold:visited  {
  font-size: 11px;
  color: #3c4e91;
  font-weight: bold;
  }

a.fpcontrolsbold:focus, a.fpcontrolsbold:hover, a.fpcontrolsbold:active {
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  }

a.fpCalLink:link, a.fpCalLink:visited {
  font-size: 11px;
  text-decoration: none; 
  color: #3c4e91;
  font-weight: normal;
  } 

a.fpCalLink:focus, a.fpCalLink:hover, a.fpCalLink:active {
  font-size: 11px;
  color: #ff0000;
  text-decoration: underline;
  font-weight: normal;
  }


/* the class 'bar' is the class used to style colored menu bars  */
/* that follow the tabs and have menu links and buttons on them  */

td.bar {
  text-align: left;
  background-color: #d4def5;
  color: #3c4e91; 
  font-size: 11px; 
  }

/* calendar appt. popup styles start here */

div.calapptcard h1 {
  color: #3c4e91;
  background-color: #ffffe8;
  font-weight: bold;
  font-size: 15px;
  margin: 0px 2px 1px 5px;
  padding-top: 2px;
  }
  
div.calapptcard h2 {
  text-align: left;
  background-color: #ffffe8;
  color: #333333;
  font-weight: bold;
  font-size: 12px;
  padding-top: 3px;
  margin: 2px 2px 0px 12px;
  }

div.calapptcard p {
  text-align: left;
  color: #000000;
  font-size: 12px;
  padding-top: 3px;
  margin: 0px 2px 2px 20px;
}

div.calapptcard table tr td {
  text-align: left;
  vertical-align: top;
  }

ul.calList {
  margin-left: 30px;
  padding-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

ul.calList li {
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 8px;
  padding-left: 0px;
  font-size: 12px;
  text-indent: -20px;
  }

div.calapptcard input {
  background-color: #e5e5e5;
  font-size: 11px; 
  color: #3c4e91;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-right: 2px solid #5f5f5f;
  border-bottom: 2px solid #5f5f5f;
}

div.calapptcard a:link, div.calapptcard a:visited {
  color: #3c4e91;
  font-size: 11px;
  }

div.calapptcard a:focus, div.calapptcard a:hover, div.calapptcard a:active {
  color: #ff0000;
  font-size: 11px;
  }

div.calScrollbox {
   overflow: auto; 
   width: 340px; 
   height: 180px; 
   border: 1px solid #666666;
   text-indent: 0px;
}

/* calendar appt. popup styles end here */

.formTitle {
  color: #3c4e91;
  font-weight: bold;
  line-height: 28px;
  font-size: 15px;
  text-align: left;
  }

a.graymenu:link, a.graymenu:visited {
  font-size: 11px; 
  color: #3c4e91; 
  text-decoration: none; 
}

a.graymenu:focus, a.graymenu:hover, a.graymenu:active {
  font-size: 11px; 
  color: #ff0000; 
  text-decoration: underline; 
}

.menulayer {
  position: absolute;
  visibility: hidden;
  background-color: #ffffff;
  z-index: 10;
  font-size: 11px;
  text-decoration: none;
  padding: 6px; 
  border: 1px #666666 solid;
}

.menulayerContrast {
  position: absolute;
  visibility: hidden;
  background-color: #d4def5;
  font-size: 11px;
  text-decoration: none;
  padding: 6px;
}


.menulayertransp {
  position: absolute;
  visibility: hidden;
  z-index: 10;
  background-color: transparent;
}

.pdamenulayer {
  position: absolute;
  background-color: #ffffff; 
  color: #000000;
  font-size: 10px;
  text-decoration: none;
}

.divtree {
  position: absolute; 
  visibility: hidden; 
  clip: auto; 
  z-index: 2;
  border: #666666 1px solid;
  background-color: #ffffff; 
  color: #000000;
  left:-10000px; 
  top:-10000px;
}

.popupstyle {
  position: absolute;
  visibility: hidden;
  z-index: 10;
  background-color: #ffffff; 
  color: #000000;
  font-size: 11px;
  text-decoration: none;
  border: 1px #999999 solid;
  padding: 10px;
}

div.popupstyle p, div.popupstyle li {
  margin-top: 2px;
  margin-bottom: 4px;
  color: #000000;
  font-size: 11px;
}

div.popupstyle table {
  font-size: 11px;
  margin: 6px;
  }

div.popupstyle table th {
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  }

div.popupstyle table td {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  }

ul.dropdownmenu {
  margin-left: 13px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

/* these styles are for WF & CC styling */
/* this style changed for Shell dropdown bug */

ul.dropdownmenu li {
  list-style-type: square;
  margin-left: 0px;
  margin-bottom: 1px;
  padding-left: 0px;
  color: #666666;
} 

ul.leftnavpanel {
  margin-left: 18px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 0px;
}

ul.leftnavpanel li {
  list-style-type: square;
  margin-top: 3px;
  font-size: 11px;
} 

ul.leftnavpanel-nest {
  margin-left: 2px;
  margin-top: 0px;
  margin-bottom: 2px;
  padding: 0px;
}

ul.leftnavpanel-nest li {
  list-style-image: none;
  list-style-type: none;
  list-style: none disc outside;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 11px;
} 

h1.leftnavpanel {
  font-weight: bold;
  font-size: 14px;
  color: #3c4e91;
  margin-bottom: 2px;
  margin-top: 1px;
}

h2.leftnavpanel {
  margin-bottom: 1px; 
  margin-top: 10px; 
  padding-top: 2px;
  padding-left: 1px;
  border-top: 1px solid #b5b5b5;
  font-size: 12px;
  font-weight: bold; 
  color: #000000;
}

h3.leftnavpanel {
  margin-bottom: 2px; 
  margin-top: 3px; 
  padding-left: 2px;
  font-size: 11px;
  font-weight: bold; 
  color: #666666;
}

h1.mainpanel {
  font-weight: bold;
  font-size: 14px;
  color: #3c4e91;
  margin-bottom: 2px;
  margin-top: 1px;
}

h2.mainpanel {
  margin-bottom: 1px; 
  margin-top: 1px; 
  margin-right: 10px;
  padding-top: 0px;
  padding-left: 1px;
  border-bottom: 1px solid #b5b5b5;
  font-size: 12px;
  font-weight: bold; 
  color: #000000;
}

h3.mainpanel {
  margin-bottom: 2px; 
  margin-top: 4px; 
  padding-left: 2px;
  font-size: 11px;
  font-weight: bold; 
  color: #666666;
}

/* Removed "text-indent -25" because it breaks the Mac browser */
p.hangindent {
  margin-left: 29px;
  font-size: 12px;
  margin-top: 1px;
  margin-bottom: 2px;
 } 

p.content {
  font-size: 12px;
  margin-top: 1px;
  margin-bottom: 5px;
 } 

table.manilabox td {
  border-bottom: 1px #b5b5b5 solid;
  background-color: #ffffe8;
}

table.mainpanel {
  border-bottom: 1px #b5b5b5 solid;
}

table.mainpanel td {
  border-top: 1px #b5b5b5 solid;
}

table.mainpanel td table td {
  border-top: 0px #666666 solid;
  border-bottom: 0px #666666 solid;
}

td.toppanel {
  background-color: #d4def5;
  font-size: 11px;
  color: #3c4e91;
 }

.toppanelLeftTab {
   background-image: url(../pics/en3/toppanel_gl.gif);
   background-position: top left;
   background-repeat: no-repeat;
   background-color: #ffffff;
}

.toppanelRightTab {
   background-image: url(../pics/en3/toppanel_gr.gif);
   background-position: top left;
   background-repeat: no-repeat;
   background-color: #ffffff;
}

a.toppanel:link, a.toppanel:visited {
  font-size: 11px;
  text-decoration: none; 
  color: #3c4e91;
  } 

a.toppanel:focus, a.toppanel:hover, a.toppanel:active {
  font-size: 11px;
  color: #ff0000;
  text-decoration: underline;
  }

a.toppanelInactive:link, a.toppanelInactive:visited, a.toppanelInactive:focus, 
 a.toppanelInactive:hover, a.toppanelInactive:active {
  font-size: 11px;
  text-decoration: none; 
  color: #666666;
  } 

.currentState {
  padding: 2px; 
  text-align: left;
}

div.currentState a:link, div.currentState a:visited, div.currentState a:focus, div.currentState a:hover, div.currentState a:active {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}


/* end of WF & CC styling */


/* styles for calendar view links */

a.calWeekToday:link, a.calWeekToday:visited {
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
}

a.calWeekToday:focus, a.calWeekToday:hover, a.calWeekToday:active {
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
}

a.calWeekOther:link, a.calWeekOther:visited, a.calWeekOther:active {
  color: #3c4e91;
  font-size: 20px;
  font-weight: bold;
}

a.calMonthToday:link, a.calMonthToday:visited {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
}

a.calMonthToday:focus, a.calMonthToday:hover, a.calMonthToday:active {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
}

a.calMonthOther:link, a.calMonthOther:visited {
  color: #3c4e91;
  font-size: 12px;
  font-weight: bold;
}

a.calMonthOther:focus, a.calMonthOther:hover, a.calMonthOther:active {
  color: #3c4e91;
  font-size: 12px;
  font-weight: bold;
}

/* end of styles for calendar view links */

/* the style classes in this block were originally defined for the wizards */

input {
  font-size: 12px;
}

.redwarning {
  font-size: 12px;
  color: #FF0000; 
  }

.error {
  font-size: 14px;
  font-weight: bold;
  color: #FF0000;
}

div.wizHelp {
  background-color: #f7f7f7; 
  color: #000000;
  font-size: 11px;
  text-decoration: none;
  border: 1px #666666 solid;
  padding: 12px;
}

div.wizHelp p {
  margin-top: 3px;
  margin-bottom: 3px;
  }

div.wizardListHelp {
  width: 95%;
  margin-left: 20px;
  margin-right: 8px;
  margin-top: 0px;
  background-color: #ffffe8;
  border: 1px #666666 solid;
  padding-top: 8px;
  padding-bottom: 8px;
}

div.wizardListHelp p {
  font-size: 11px;
  margin-left: 10px;
  margin-right: 10px;
}

td.rowlabel {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

.wizTitle {
  color: #3c4e91;
  font-size: 17px;
  font-weight: bold;
  line-height: 200%;
}

.header {
    font-size: 13px;
    font-weight: bold;
}

.descr {
    font-size: 13px;
    text-align: left;
}

div.wizStepActive {
  float: left; 
  padding: 2px 6px 2px 6px; 
  margin-left: 20px;
  border: 2px solid #3c4e91;
  font-size: 13px; 
  font-weight: bold;
  color: #3c4e91; 
  background-color: #ffffff;
}

div.wizStepInactive {
  float: left; 
  padding: 2px 6px 2px 6px; 
  color: #666666; 
  margin-left: 20px; 
  border: 2px solid #999999;
  font-size: 13px; 
  font-weight: bold;
  background-color: #e5e5e5;
}

/* end of wizard style block */

table#editorButtonBar { 
  width: 500px;
  background-color: threedface; 
  padding: 1px; 
  color: menutext; 
  border-width: 1px; 
  border-style: solid; 
  border-color: threedhighlight threedshadow threedshadow threedhighlight;
}

.editorBtn {
  height: 18px;
  border-left: threedface 1px solid;
  border-right: threedface 1px solid;
  border-top: threedface 1px solid;
  border-bottom: threedface 1px solid; 
}

/* .cal table class is intended to put a 1 pixel border on all the cells */
/*  of a table, but not to let the borders inherit into contained tables. */

table.cal {
  border-top: 1px #666666 solid;
  border-left: 1px #666666 solid;
  margin: 0px;
}

table.cal td {
  border-bottom: 1px #666666 solid;
  border-right: 1px #666666 solid;
  margin: 0px;
}

table.cal th {
  margin: 0px;
  font-weight: bold;
  text-align: center;
}

table.cal td table {
  border-bottom: 0px #ffffff solid;
  border-right: 0px #ffffff solid;
  margin: 0px;
}

table.cal td table.monthgrid {
  border-bottom: 1px #666666 solid;
  border-right: 1px #666666 solid;
}

table.cal td table td {
  border-bottom: 0px #ffffff solid;
  border-right: 0px #ffffff solid;
  margin: 0px;
}

table.cal td.allDayAppt {
  border-right: #666666 1px solid; 
  padding-left: 4px; 
  padding-right: 4px; 
  height: 30px;
  }

/* this is the end of .cal */

table.cal-week {
  border-bottom: 1px #666666 solid;
}

table.cal-week td {
  border-top: 1px #666666 solid;
}

table.cal-week td table td {
  border-top: 0px #666666 solid;
  border-bottom: 0px #666666 solid;
}

div.calweeknav {
  border-top: 1px solid #666666; 
  padding: 8px;
  background-color: #f7f7f7;
}  

table.calnavform {
  border-bottom: 1px solid #666666; 
  background-color: #f7f7f7;
}  
  
table.tasktable {
  border-bottom: 1px solid #666666;
}

table.tasktable#entrytable {  
  border-bottom: 0px solid #ffffff;
 }

table.tasktable#bookmarks, table.tasktable#placeware, table.tasktable#emeeting, table.tasktable#frameApps {
  border-left: 1px solid #666666; 
  border-right: 1px solid #666666; 
  border-bottom: 1px solid #666666;
  margin-top: 3px;
  }

table.tasktable tr.bglightgray td {
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 2px;
} 

table.tasktable tr.bgwhite td {
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 2px;
}

table.tasktable tr.headerRow td {
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 2px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background-color: #f7f7f7;
}

table {
  clear: left;
  }

/* Tab div styling */

div.ActiveTabcontainer {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 0px;
  background-color: #d4def5;
  float: left;
  border-bottom: #d4def5 1px solid;
  }  
  
div.InactiveTabcontainer {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 0px;
  background-color: #e5e5e5;
  float: left;
  border-bottom: #c1c1c1 1px solid;
  }  

div.DisabledTabcontainer {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 0px;
  background-color: #e5e5e5;
  float: left;
  text-align: center;
  color: #666666;
  font-weight: bold; 
  font-size: 12px;
  border-bottom: #c1c1c1 1px solid;
  }  

div.upperleft {
  background: url(../pics/en3/sym_s_upperleft.gif) no-repeat top left;
}

div.upperright { 
  background: url(../pics/en3/sym_s_upperright.gif) no-repeat top right;
  }

div.InactiveTab {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  }

div.DisabledTab {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  }

div.ActiveTab {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  }
  
div.ActiveTab a:link, div.ActiveTab a:visited {
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  text-decoration: none;
  }

div.ActiveTab a:focus, div.ActiveTab a:hover, div.ActiveTab a:active {
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
  }

div.InactiveTab a:link, div.InactiveTab a:visited {
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  text-decoration: none;
  }

div.InactiveTab a:focus, div.InactiveTab a:hover, div.InactiveTab a:active { 
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
  } 

td.ActiveTab {
  margin: 2px;
  padding: 5px;
  background-color: #d4def5;
  layer-background-color: #d4def5;
  text-align: center;
  }
  
td.InactiveTab {
  margin: 2px;
  padding: 5px;
  background-color: #e5e5e5;
  layer-background-color: #e5e5e5;
  text-align: center;
  }

td.DisabledTab {
  padding: 5px;
  text-align: center;
  background-color: #e5e5e5;
  color: #666666;
  font-weight: bold; 
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
  }

td.ActiveTab a:link, td.ActiveTab a:visited {
  font-size: 13px;
  font-weight: bold;
  color: #3c4e91;
  text-decoration: none;
  }

  /* in case we need to go into nn-mode */
td.ActiveTab {
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  }

td.ActiveTab a:active {
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
  }
   
td.InactiveTab a:link, td.InactiveTab a:visited {
  font-size: 12px;
  font-weight: bold;
  color: #3c4e91;
  text-decoration: none;
  }

td.InactiveTab a:active { 
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
  } 
  /* end of nn-mode*/
/* end of new no-gif tab styles */

/* end of Tab div styling */

input.content [type="text"] {
  border: 1px #666666 solid;
  }

table.box {
  border-left: #c1c1c1 1px solid; 
  border-top: #c1c1c1 1px solid;
  border-bottom: #8e8e8e 1px solid; 
  border-right: #8e8e8e 1px solid; 
  }

table.headerbar {
  background-color: #d4def5;
  border-left: #c1c1c1 1px solid; 
  border-top: #c1c1c1 1px solid;
  border-bottom: #8e8e8e 1px solid; 
  border-right: #8e8e8e 1px solid; 
  }

table.headerbar table {
  border-left: #d4def5 1px solid; 
  border-top: #d4def5 1px solid;
  }

table.headerbar table td {
  border-right: #d4def5 1px solid; 
  border-bottom: #d4def5 1px solid;
  }

table.menubar {
  border-left: #cccccc 1px solid; 
  border-bottom: #8e8e8e 1px solid; 
  border-right: #8e8e8e 1px solid;
}

table.rating {
  border: 1px solid #666666;
  background-color: #ffffff;
  margin-bottom: 5px;
}

table.grayBar {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;  
  background-color: #f7f7f7;
  }

table.monthgrid td {
  font-size: 11px; 
  color: #000000;  
  text-align: center;
}

table.monthgrid th {
  font-size: 11px; 
  color: #000000;
  font-weight: bold;
  text-align: center;
}

table.monthgrid {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 100px;
  background-color: #ffffff;
  }

table.monthgrid th {
  border-bottom: #888888 1px solid;
  border-top: #888888 1px solid;
  background-color: #d4def5;
  color: #3c4e91;
}

td.todaycell {
  border: 1px #FF0000 solid !important; 
  font-weight: bold;
}

div.blueBar {
  border-top: #f7f7f7 1px solid;
  border-bottom: #666666 1px solid;
  background-color: #3c4e91;
  }