/* Stylesheet for Bridgepoint Systems */

/* Teal: #01a2b4 */
/* Dark Green from banner in logo: #006b6e */

/* Set default font for entire document */
BODY, TABLE, TR, TD, TH { font-family: Verdana; font-size: 10pt; color: #444444; }

/* h1 is used for main header text */
h1 { font-size: 20px; font-weight: bold; color: #444444; margin-top: 0; margin-bottom: 0 }

/* h2 is used for sub-header text */
h2 { font-size: 10px; margin-top: 0; margin-bottom: 0 }

h3 /* Main Item Title */
  {
  color: #01a2b4;
  font-size: 18px;
  margin: 0px;
  }

h4 /* Item Sub-Title */
  {
  color: #006b6e;
  font-size: 16px;
  margin: 8px 0px 0px;
  }

h5/* Item Main Intro */
  {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 8px 0px 0px;
  }

h6 /* Main Logo Sub Text */
  {
  color: #bbb;
  font-size: 10px;
  font-weight: normal;  
  margin: 0px 0px;
  }

/* SubTitle is used for company sub-title text */
.SubTitle { font-size: 12pt; font-weight: bold; color: #336699; margin-top: 0; margin-bottom: 20px; text-align:center }

a { color: #01a2b4; font-weight: bold; cursor:pointer }
.miscLink { color: #ffffff; font-weight: bold }
a:active { color: #01a2b4 }
a:hover { color: #ffffff; font-weight: bold }
.eduLink { color: #01a2b4; font-size:10pt; font-weight: bold }
.eduLink:hover { color: #ffffff; font-size:10pt; font-weight: bold }
.eduLinkAlt { color: #01a2b4; font-size:10pt; font-weight: bold }
.eduLinkAlt:hover { color: #444444; font-size:10pt; font-weight: bold }
a.item { font-size: 8pt; color: #01a2b4; font-weight: bold }
a.item:hover { font-size: 8pt; color: #ffffff; font-weight: bold }

/* Menu */
.menu { color: #ffffff; font-size: 8pt; font-weight: bold; text-decoration: none }
.menu:hover { color: #01a2b4; font-weight: bold }
.menupara { margin-left: 10px; margin-top: 3px; margin-bottom: 0px; text-align: left }
.menusubpara { font-size: 7pt; color: #444444; font-weight: bold; margin-top: 5px; margin-bottom: 8px; text-decoration: none }
.menusubpara:hover { color: #ffffff }
.menuheader { font-size: 9pt; color: #01a2b4; font-weight: bold; margin-left: 2px; text-align: left; text-decoration: underline }
.menuheader:hover { font-size: 9pt; color: #ffffff; font-weight: bold; text-align: left }
.menutitle { font-size: 12pt; color: #ffffff; font-weight: bold; margin-left: 2px; text-align: left; text-decoration: none }
.menutitle:hover { font-size: 12pt; color: #000000; font-weight: bold; text-align: left }


/* Product Categories */
.prodCatHead { color: #336699; font-size: 14pt; font-weight: bold; margin-top: 5px; margin-bottom: 5px }
.prodCategories { color: #444444; font-size: 11pt; font-weight: bold; margin-top: 5px; margin-bottom: 5px }
.prodCategoriesActive { color: #01a2b4; font-size: 12pt; font-weight: bold }
.prodSubCategories { color: #666666; font-size: 11pt; text-align: center }
.prodSubCategoriesActive { color: #01a2b4; font-size: 11pt; font-weight: bold }
.prodLink { font-size: 9pt; color: #01a2b4; font-weight: bold; margin-top: 20px; margin-left: 2px; text-align: center; text-decoration: none }
.prodLink:hover { font-size: 9pt; color: #ffffff; font-weight: bold; text-align: left }

/* Item Details */
.ItemHeader { font-family: trebuchet ms; font-size: 13.5pt; color: #ffffff; margin-bottom: 4px; margin-left: 25px }
.ItemTitle { color: #c8c8c8; font-size: 12pt; font-weight: bold; text-align: center }
.ItemTitleGreen { color: #008800; font-size: 12pt; font-weight: bold; text-align: center }
.ItemAltTitle { font-size: 11pt; color: #ffffff; font-weight: bold; text-align: center; margin-top: 15px }
.ItemSubTitle { font-size: 8pt; color: #01a2b4; font-weight: bold; text-align: center; margin-bottom: 15px }
.ItemAltSubTitle { font-size: 8pt; color: #c8c8c8; font-weight: bold; margin-left: 10px; margin-right: 10px }
.ItemDesc { font-size: 9pt; color: #228822; font-weight: bold }
.ItemNumber { color: #ffffff; font-size: 11pt; text-align: left; text-indent: 15px }
.ItemText { color: #c8c8c8; font-size: 10pt; font-weight: bold; text-align: left; margin-left: 5px }
.ItemAltText { color: #c8c8c8; font-size: 10pt; font-weight: bold; text-align: left; text-indent: 20px; margin-left: 10px }
.ItemSubText { color: #666666; font-size: 8pt; font-weight: bold; text-align: left; text-indent: 20px; margin-left: 10px }
.ItemAltSubText { color: #ffffff; font-size: 8pt; font-weight: bold; text-align: left; text-indent: 20px; margin-left: 10px }
.ItemMiscText { color:#444444; font-size:7pt; height:14pt; text-align:center; font-weight:bold }
.ItemLnk { color: #01a2b4; font-size: 11px; font-weight: bold; text-decoration:underline }
.ItemAdvDesc  { color: #444444; font-size: 24pt; font-weight: bold }

/* Company Info Pages */
.coinHeader { font-family: trebuchet ms; font-size: 13.5pt; color: #ffffff; margin-bottom: 4px; margin-left: 25px; text-decoration: none; font-weight: bold }
.coinHeader:hover { font-family: trebuchet ms; font-size: 13.5pt; color: #000000; font-weight: bold }
.coinTitle { color: #c8c8c8; font-size: 12pt; font-weight: bold; text-align: center }
.coinMiscTitle { color: #01a2b4; font-size: 10pt; font-weight: bold; text-align: center }
.coinMiscTitle:hover { color: #ffffff; font-size: 10pt; font-weight: bold }
.coinAltMiscTitle { color: #ababab; font-size: 10pt; font-weight: bold; text-align: left; text-decoration: none; margin-top: 25px; margin-bottom: 0px; margin-left: 10px }
.coinSubTitle { color: #ffffff; font-size: 12pt; font-weight: bold; text-align: right }
.coinMiscSubTitle { color: #01a2b4; font-size: 12pt; font-weight: bold; text-align: center }
.coinText { margin-top: 10px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; color: #ffffff; font-size: 9pt; font-weight: bold }
.coinTextAlt { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; color: #000000; font-size: 9pt; font-weight: bold }
.coinMiscText { color:#01a2b4; font-size:10pt }
.coinLnk { font-size: 10pt; font-weight: bold; margin-left: 4px; text-align: left; text-decoration: underline }

/* Miscellaneous */
.quote { font-size: 10pt; color: #ffffff; font-weight: bold; margin-top: 15px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px }

/* Divisions */
.header { margin-top: 0px; margin-bottom: 0px; text-align: center; }
.title { font-size: 9pt; color: #ffffff; font-weight: bold; margin-top: 6px; margin-bottom: 8px; margin-left: 5px; text-align: left }

.problem { color: #01a2b4; font-size:8pt; font-weight: bold; text-decoration: none }
.problem:hover { color: #ffffff; font-size:8pt; font-weight: bold; text-decoration: none }
.ProblemTitle { color: #eeeeee; font-size: 9pt; font-weight: bold; text-align: left; text-decoration: underline; margin-top: 50px; margin-bottom: 0px; margin-left: 10px }
.ProblemText { margin-top: 10px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; color: #c8c8c8; font-size: 9pt; font-weight: bold }
.ProblemMenu { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; color: #444444; font-size: 9pt; font-weight: bold }

.AboutHeader { font-family: trebuchet ms; font-size: 13.5pt; color: #666666; margin-bottom: 4px; margin-left: 25px; text-decoration: none; font-weight: bold }
.AboutText { margin-top: 10px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; color: #c8c8c8; font-size: 9pt; font-weight: bold }

.msdsLink { color: #01a2b4; font-size: 8pt; font-weight: bold; text-decoration:underline }
.msdsLink:hover { color: #ffffff; font-size: 8pt; font-weight: bold; text-decoration:underline }

.DistHead { color: #01a2b4; font-size: 8pt; font-weight: bold; text-decoration:underline }
.DistText { color: #b8b8b8; font-size: 8pt; font-weight: bold }

.fine { color: #888888; font-size: 10px; font-weight: bold }


/* New Image Functions */
/*the basics, and works for FF*/
.blackoutDiv
  {
  margin: 0px;
  position: fixed;
  height: 100%;
  z-index: 1;
  width: 100%;
  clear: none;
  display: none;
  background: url(/images/transbg.png);
  }

/*IE will need an 'adjustment'*/
* html #blackoutDiv {
	position: absolute;
	height: expression(document.body.scrollHeight & gt;
	document
	.body.offsetHeight
	?
	document.body.scrollHeight
	:
	document.body.offsetHeight
	+
	 
	'px'
	);
}

div.fullimage
  {
  background-color: #eeeeee;
  position: absolute;
  margin: 25px;
  padding: 25px;
  z-index: 2;
  top: 10%;
  left: 25%;
  border: 2px solid #01a2b4;
  display: none;
  text-align: center;
  }

.container
  {
  background-color: #ffffff;
  border: 1px solid #01a2b4;
  border-radius: 5px;
  moz-border-radius: 5px;
  padding: 15px;
  width: 770px;
  }