/* This is the HPMS stylesheet. This stylesheet is maintained centrally by CMS staff.  Do NOT edit.  
This stylesheet must be used in conjunction with the HPMS User Interface Style Guide. 
Stylesheet last modified on July 17, 2002. Individual elements are commented as to usage below. */ 


/* Begin CUSTOM CLASSES Here */

/* Used to color text red.  Used for the asterisk that marks required fields. */
.red, .required {
  background-color : transparent;
  background-image : none;
  color : #FF0000;
}

/*Used to make text red and bold. */
.rednote {
  font-weight: bold;
  color: #FF0000;
  background-color : transparent;
}

/* Used to make text small and italic. */
.disclaimer {
  font-size : x-small;
  font-style : italic;
}

/* Used to double-space elements, e.g., bulleted lists. */
.double {
  margin-bottom : 12px;
  margin-top : 12px;
}

/*Used to space elements at 133 percent, e.g., bulleted lists. */
.onethird {
  margin-bottom : 4px;
  margin-top : 4px;
}

/* Used for form field labels (.label).  Used to make text one size smaller than regular body text (.smaller). */
.smaller, .label {
  background-image : none;
  font-size : smaller;
}

/* Used for form field labels (.label).  Used to make text one size smaller than regular body text (.smaller). */
.dropsmall {
  background-image : none;
  font-size : 10pt;
}

/*Used to gray-out form labels associated with disabled form elements. */
.gray, .labeloff {
  color: #CCCCCC;
  font-size: smaller;
  background-color : transparent;
}

/* Used to make text one size larger than regular body text. */
.larger {
  background-image : none;
  font-size : larger;
}

/* Used to display text with underlining. */
.line {
  text-decoration : underline;
}

/* Used to make text bold and italic, e.g., Go to: link. */
.goto, .bolditalic {
  font-size : larger;
  font-style : italic;
  font-weight : bold;
}

/* Used to format the header row of a table -- gray background, bold text. */
.colTitle {
  background-color : #CCCCCC;
  background-image : none;
  font-weight : bold;
}

/* Used to format the header row of a table -- darker gray background, bold text. */
.colTitle2 {
  background-color : #ABABAB;
  background-image : none;
  font-weight : bold;
}

A
{
  text-decoration : underline;/*just added this - might need to rethinks it*/
  background-color : transparent;
}

/* Used to define links inside of a table header row. */
A.colTitle:LINK, A.colTitle:VISITED, A.colTitle2:LINK, A.colTitle2:VISITED {
  background-color : transparent;
  background-image : none;
}

/* Used to define links inside of a table header row (active and hover only). */
A.colTitle:ACTIVE, A.colTitle:HOVER, A.colTitle2:ACTIVE, A.colTitle2:HOVER {
  background-color : transparent;
  background-image : none;
  text-decoration : underline;
}

/* Used to format the first cell in a table row. */
.rowTitle {
  font-weight : bold;
}

/* Used to define links inside the first cell in a table row. */
A.rowTitle:LINK, A.rowTitle:VISITED {
  background-image : none;
  font-weight : bold;
  background-color : transparent;
}

/* Used to define links inside the first cell in a table row (active and hover only). */
A.rowTitle:ACTIVE, A.rowTitle:HOVER {
  background-image : none;
  font-weight : bold;
  text-decoration : underline;
  background-color : transparent;
}

/* Used to format alternate rows in a table -- very light gray background. */
.tblAlt {
  background-color : #EEEEEE;
  background-image : none;
}

/* Used to define links inside an alternate table row. */
A.tblAlt:LINK, A.tblAlt:VISITED {
  background-color : transparent;
  background-image : none;
}

/* Used to define links inside an alternate table row  (active and hover only). */
A.tblAlt:ACTIVE, A.tblAlt:HOVER {
  background-color : transparent;
  background-image : none;
  text-decoration : underline;
}

/* Provides the first of five levels of indentation for table or text elements. */
.indent1 {
  margin-left : 1ex;
}

/* Provides the second of five levels of indentation for table or text elements. */
.indent2 {
  margin-left : 2ex;
}

/* Provides the third of five levels of indentation for table or text elements. */
.indent3 {
  margin-left : 3ex;
}

/* Provides the fourth of five levels of indentation for table or text elements. */
.indent4 {
  margin-left : 4ex;
}

/* Provides the fifth of five levels of indentation for table or text elements. */
.indent5 {
  margin-left : 5ex;
}

/* Used to define the Print / Close Window links in pop-up window. */
.poplinks {
  text-align : right;
  font-family : Arial, Helvetica, sans-serif;
  font-size : x-small;
}

IMG
{
  border:none;
}

/* Begin CUSTOM TABLE CLASSES Here */

/*Used for data tables.  */
.tabledata {
  border: silver thin double;
}

/* Used to left align elements inside a table header cell. */
th.left {
  text-align: left;
  border: #C0C0C0 solid 1px;	
}

/*Used to left align elements inside a table cell.  */
td.left {
  text-align: left;
  border: #C0C0C0 solid 1px;
}

/*Used to right align elements in a table header cell.  */
th.right {
  text-align: right;
  border: #C0C0C0 solid 1px;
}

/*Used to right align elements inside a table cell.  */
td.right {
  text-align: right;
  border: #C0C0C0 solid 1px;
}

/*Used to center align elements inside a table header cell.  */
th.center {
  text-align: center;
  border: #C0C0C0 solid 1px;
}

/*Used to center align elements inside a table cell.  */
td.center {
  text-align: center;
  border: #C0C0C0 solid 1px;
}

/*Used to left align and bold elements inside a table cell.  */
td.boldleft {
  text-align: left;
  font-weight: bold;
  border: #C0C0C0 solid 1px;
}

/*Used to left align elements inside a light gray background table cell.  */
td.bgleft {
  text-align: left;
  border-top: #C0C0C0 solid 1px;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: #C0C0C0 solid 1px;
  background: #EEEEEE;
}

/*Used to right align and bold elements inside a table cell.  */
td.boldright {
  text-align: right;
  font-weight: bold;
  border: #C0C0C0 solid 1px;
}

/*Used to right align elements inside a light gray background table cell.  */
td.bgright {
  text-align: right;
  border-top: #C0C0C0 solid 1px;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: #C0C0C0 solid 1px;
  background: #EEEEEE;
}

/*Used to center align elements inside a light gray background table cell with no bottom border.  */
td.bgcenter {
  text-align: center;
  border-top: #C0C0C0 solid 1px;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: none;
  background: #EEEEEE;
}

/*Used to left align elements inside a table cell with no bottom border.  */
td.topsidesleft {
  text-align: left;
  border-top: #C0C0C0 solid 1px;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: none;
}

/*Used to center align elements inside a table cell with no bottom border.  */
td.topsidescenter {
  text-align: center;
  border-top: #C0C0C0 solid 1px;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: none;
}

/*Used to right align elements inside a table cell with no bottom border.  */
td.topsidesright {
  text-align: right;
  border-top: #C0C0C0 solid 1px;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: none;
}

/*Used to left align elements inside a table cell with neither a top nor a bottom border.  */
td.sidesonly {
  text-align: left;
  border-top: none;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: none;
}

/*Used to left align elements inside a table cell with no top border.  */
td.bottomsides {
  text-align: left;
  border-top: none;
  border-left: #C0C0C0 solid 1px;
  border-right: #C0C0C0 solid 1px;
  border-bottom: #C0C0C0 solid 1px;
}

/*Used to remove bold from elements inside TH tags.  */ 
.nobold {
  font-weight : normal;
}


/* Begin SIDE NAVIGATION CLASSES Here*/

/* This class is called for headers in the side navigation bar.  */
.navHead {
  background-color: #003366;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: small;
  text-decoration: none;
  font-weight: bold;
  border-bottom: thin solid #FFD700;
}

/* This class is called for elements in the side navigation bar -- sets background to blue, etc., the text decoration also affects the links on the top bar (help, faqs, etc..) */
.navsm {
  background-color : #003366;
  background-image : none;
  color : #FFFFFF;
  font-family : Arial, sans-serif;
  font-size : x-small;
  font-weight : bold;
  text-decoration : none;
}

/*  This class is called for links in the side navigation bar.  */
a.navsm:LINK, a.navsm:VISITED {
  background-color : transparent;
  background-image : none;
  color : #FFFFFF;
  font-weight : bold;
}

/* This class is called for links in the side navigation bar (active and hover only). */
a.navsm:HOVER, a.navsm:ACTIVE {
  background-color : transparent;
  background-image : none;
  color : #FFD700;
  font-weight : bold;
  text-decoration : underline;
}

/* This class is called for selected links in the side navigation bar.  */
.nSelected {
  background-color : #003366;
  background-image : none;
  color : #FFD700;
  font-family : Arial, sans-serif;
  font-size : x-small;
  font-weight : bold;
}

/* This class is called for selected links in the side navigation bar.  */
a.nSelected:LINK, a.nSelected:VISITED {
  background-color : transparent;
  background-image : none;
  color : #FFD700;
  font-weight : bold;
}

/* This class is called for selected links in the side navigation bar (active and hover only).  */
a.nSelected:ACTIVE, a.nSelected:HOVER {
  background-color : transparent;
  background-image : none;
  color : #FFD700;
  font-weight : bold;
  text-decoration : underline;
}

/* This class is called for inactive links in the side navigation bar. */
.nInactive, .navInactive {
  background-color : #003366;
  background-image : none;
  color : #AAAAAA;
  font-family : Arial, sans-serif;
  font-size : x-small;
  font-weight : bold;
}


/* Begin HTML ELEMENTS Here */

/* Sets attributes for the BODY tag. */
BODY {
  background-color : #FFFFFF;
  background-image : none;
  margin: 0px; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-left: 0px;
  margin-bottom: 0px 
}

/* Sets attributes for the PARAGRAPH tag. */
P, .normal {
  background-color : transparent;
  background-image : none;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  font-size : x-small;
  text-align : left;
}

/* Sets attributes for the TABLE CELL tag. */
TD {
  background-image : none;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  font-size : x-small;
}

/* Sets attributes for the HEADER tags. */
CAPTION, H1, H2, H3, H4, H5, H6, .SelectionTitle {
  background-color : transparent;
  background-image : none;
  color : #003366;
  font-family : Verdana, Arial, Helvetica;
}

A.drill, A.drill:link, A.drill:visited, A.drill:active, A.drill:hover
{
  background-color: transparent;
}

/*  Sets attributes for the LINK tag. */
A:LINK {
  background-color : transparent;
  background-image : none;
  color : #0000CC;
}

/* Sets attributes for the VISITED LINK tag. */
A:VISITED {
  background-color : transparent;
  background-image : none;
  color : #663399;
}

/* Sets attributes for the HOVER and ACTIVE LINK tags. */
A:HOVER, A:ACTIVE {
  background-color : transparent;
  background-image : none;
  color : #CC0033;
  text-decoration : underline;
}

/* Sets attributes for the BLOCKQUOTE tag. */
BLOCKQUOTE {
  background-color : transparent;
  background-image : none;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  text-align : left;
}

/* Sets attributes for the NUMBERED LIST tag. */
OL {
  background-color : transparent;
  background-image : none;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  font-size : x-small;	
  text-align : left;
}

/* Sets attributes for the PREFORMATTED tag. */
PRE {
  background-color : transparent;
  background-image : none;
  color : #000000;
  font-family : "Andale Mono", Courier, "Courier New", monospace;
}

/* Sets attributes for the BULLETED LIST tag. */
UL {
  background-color : transparent;
  background-image : none;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  font-size : x-small;	
  text-align : left;
}

/* Sets attributes for the LIST ITEM tag. */
LI {
  background-color : transparent;
  background-image : none;
  color : #000000;
  font-size : x-small;	
  text-align : left;
}

/* Sets attributes for the TH tag. */
TH {
  background-image : none;
  color : #000000;
  font-family : Verdana, Arial, sans-serif;
  font-size : x-small;
  font-weight : bold;
}

/* Defines properties for the superscript tag. */
sup {
  font-size : 80%;
  background-color : transparent;
}


/* Begin TOP / PAGE NAVIGATION CLASSES Here - DO NOT USE */

/* This class sets the border of the main content table cell. */
.margins {
  padding-left : 2%;
  padding-right : 2%;
  padding-top : .5%;
}

/* This class is used exclusively for the side navigation bar. */
.borderblue {
  border : ridge White;
  padding : 1ex 1ex 1ex 1ex;
  background-color : #003366;
}

/* This class is called for elements in the red panel of the top navigation bar -- large text. */
.navlg {
  background-color : #CC0033;
  background-image : none;
  color : #FFFFFF;
  font-family : Verdana, Arial, Helvetica;
  font-size : medium;
  font-weight : bold;
  text-decoration : none;
}

/* This class is called for links in the red panel of the top navigation bar.  Not currently used. */
a.navlg:ACTIVE, a.navlg:VISITED, a.navlg:HOVER  {
  background-color : transparent;
  background-image : none;
  color : #FFFFFF;
  font-family : Verdana, Arial, Helvetica;
  text-decoration : none;
}

a.navlg:LINK  {
  background-color : transparent;
  background-image : none;
  color : #FFFFFF;
  font-family : Verdana, Arial, Helvetica;
}

/* This class is called for elements in the blue panel of the top navigation bar -- sets background to blue, etc. */
.navtop {
  background-color : #003366;
  background-image : none;
  color : #FFFFFF;
  font-family : Verdana, Arial, Helvetica;
  font-size : x-small;
  font-weight : bold;
  text-decoration : none;
}

/*  This class is called for links in the blue panel of the top navigation bar.  */
a.navtop:VISITED {
  background-color : transparent;
  background-image : none;
  color : #FFFFFF;
  font-weight : bold;
  text-decoration : none;
}

a.navtop:LINK {
  background-color : transparent;
  background-image : none;
  color : #FFFFFF;
  font-weight : bold;
}

/* This class is called for links in the blue panel of the top navigation bar (active and hover only). */
a.navtop:HOVER, a.navtop:ACTIVE {
  background-color : transparent;
  background-image : none;
  color : #FFD700;
  font-weight : bold;
  text-decoration : underline;
}

#skip a
{ 
  position:absolute; 
  left:-10000px; 
  top:auto; 
  width:1px; 
  height:1px; 
  overflow:hidden;
} 

#skip a:focus 
{ 
  position:static; 
  width:auto; 
  height:auto; 
}