/*
  $id: stylesheet.css,v 1.00 2005/12/05 011:06:05 hpdl exp $
  trainingmatrix, learnpoints client css template
  http://www.learnpoints.com
  copyright (c) 2005 learnpoints
*/

/********************************************** 
* Page Sections
	Pages are divided up into 7 sections:
	1) header
	2) header-bar 
	3) nav-col - Typically the left column
	4) content-col - The center where main content goes
	5) news-col - Right side column
	6) footer-bar
	7) footer
**********************************************/

/********************************************** 
* built-in - these are pre-existing html tags that
	apply to the whole page.  only basics are here. 
**********************************************/

body {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

form {
	display: inline;
}

checkbox, input, radio, select {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

textarea {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

a
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:visited
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}	



/********************************************** 
* header - this is the main header at the top of the page.
	using page-layout.jpg, it is category 1 
**********************************************/

.header
{
	background-color: #ffffff;
}

.header-brand
{
	/* This is the left cell of the header, where the logo appears */
	background-color: #ffffff;
}

.header-nav
{
	/* This is the right cell of the header, where the links appear */
	background-color: #ffffff;
}

.header-links-dropdown
{

}

a.header-links,
a.header-links:visited,
a.headernavigation3
{
	/* These are the links that appear below the dropdown */ 
	color: #000000; 
	background-color: #ffffff;
	font-weight: bold ; 
	font-size: 7pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a.header-links:hover, 
a.headernavigation3:hover 
{ 
	/* These are the links that appear below the dropdown */ 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	background-color: #ffffff;
}

/********************************************** 
* header-bar - this is the small strip under the banner
	it includes the title and links such as TrainingMatrix
	using page-layout.jpg, it is category 2 
**********************************************/

.header-bar, 
.headerNavigation
{
	/* This controls overall appearance of the header bar */
	background: #032a5f;	
}

.header-bar-byline
{
	/* The phrase directly under the logo */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

a.header-bar-tm-link, 
a.header-bar-tm-link:visited, 
a.headernavigation2 
{ 
	color: #ffffff; 
	background-color: #cc0000; 
	font-weight: bold ; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	border: thin #000000 solid; 
	margin-top: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	border-color: #000000
}

a.header-bar-tm-link:hover, 
a.headernavigation2:hover 
{ 
	color: #ffff00; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt
}

a.header-bar-links, 
a.header-bar-links:visited, 
a.headernavigation 
{ 
	color: #ffffff; 
	background-color: #032a5f;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold
}

a.header-bar-links:hover,
a.headernavigation:hover 
{
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9pt;
}

.header-bar-links-separators
{
	color: #ffffff;
}

a.header-bar-search, 
a.header-bar-search:visited, 
a.headernavigationsearch { 
  color: #ffffff; 
  background-color: #996600; 
  font-weight: bold ; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  border: thin #000000 solid; 
  margin-top: auto; 
  margin-right: auto; 
  margin-bottom: auto; 
  margin-left: auto; 
  border-color: #000000 
  }

a.header-bar-search:hover, 
a.headernavigationsearch:hover { 
  color: #ffff00; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt 
  }


td.headererror {
  font-family: tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-align : center;
}

td.headerinfo {
  font-family: tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

/********************************************** 
* leftnavigation - this is the links & left bar.
	using page-layout.jpg, it is category 3 
**********************************************/

td.infobox, span.infobox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.infoboxheading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  background: #005736;
  color: #ffffff;
}

td.infoboxheadingleft { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 9pt; 
  font-weight: bold; 
  background: #cc0000; 
  color: #ffffff; 
  border: #333399
  }
  
td.infoboxheadingmid { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 9pt; 
  font-weight: bold; 
  }

td.infoboxleft { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  background-color: #6633cc; 
  color: #ff3333; 
  border: #333399
  }

.infobox {
  background: #cccc99;
  color: #6666ff
  }

.infoboxcontents {
  background: #cccc99;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: 003366
  }

.infoboxcontentsleft { 
  background: #ffffff; 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8px; 
  color: #000000; 
  border: #ffffff
  }

.infoboxcontentsmid { 
  background: #ffffe1; 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #000000 
  }

.boxtext { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 9pt; 
  color: #000000; 
  background-color: #cccc99
  }

.boxtextleft { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt;  
  color: #ffffff; 
  background-color: #00426e; 
  font-weight: bold; 
  border: thin solid
  }

.infoboxnotice {
  background: #ff8e90;
}

.infoboxnoticecontents {
  background: #ffe6e6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

a { 
  color: #ffffff; 
  text-decoration: none; 
  }

a:hover { 
  color: #ffff00; 
  text-decoration: underline; 
  }

/********************************************** 
* content - this is the content in the dead center of the page.
	using page-layout.jpg, it is category 4 
**********************************************/

td.pageheadingmain { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 22px; 
  font-weight: bold; 
  color: #cc0000; 
  }
  
.pageheading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9e3f18;
}

a.main { color: #00426e; 
  background-color: #ffffff; 
  font-weight: bold ; 
  font-size: 10pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif 
  }

a.main:hover { 
  color: #00426e; 
  background-color: #ffffff; 
  font-weight: bold ; 
  font-size: 10pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif 
  }

p.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

div.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

a.dark-link
{
	color: #032a5f;
}

a.dark-link:hover
{
	color: #00426e;
	text-decoration: underline
}

td.smalltext, span.smalltext, p.smalltext {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/**********Programs.lp***************/

	a.productlisting { 
	  color: #00426e; 
	  }

	a.productlisting:hover { 
	  color: #00426e; 
	  }

	tr.productlisting-heading {
	  background: #d2e9fb;
	  color: #00426e
	}

	td.productlisting-heading {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10pt;
	  background: #00426e;
	  color: #1763ae;
	  font-weight: bold;
	  font-variant: small-caps;
	}

	tr.productlisting-even { 
	  color: #00426e
	  }

	tr.productlisting-odd { 
	  background: #f4f7fd;
	 } 

	td.productlisting-data {
	  color: #000000;
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10pt;
	}
	
	a.productlisting-data {
	  color: #003366;
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10pt;
	  text-decoration: none;
	}
	
	a.productlisting-data:hover {
		color: #003366;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10pt;
		text-decoration: underline;
	}

	a.productlisting-data:visited {
	  color: #003366;
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10pt;
	  text-decoration: none;
	}

/**********account.lp***************/

	td.formareatitle {
	  font-family: tahoma, Verdana, Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	}

	table.formarea {
	  background: e3e9f1;
	  border-color: #7b9ebd;
	  border-style: solid;
	  border-width: 1px;
	}

/**********edumatrix.lp***************/

	.tm-headertable {
	  border-width: 1px;
	  width: 100%
	  }

	.tm-headertable-logo {
	  background-color: #FFFFFF;
	  color: #FFFFFF;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size:9px
	  }
		
	.tm-headertable-title {
  	  background-color: #003163;
	  height: 32px;
	  width: 85%;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #FFFFFF;
	  font-weight: bold;
	  font-size: 9px;
	  text-align: center	  
	  }

	.tm-resources {
	  background-color: #1763AE;
	  text-align: center;
	  color: #FFFFFF;
	  font-size: 9px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight: bold
	  }

	.tm-programs-header {
	  border-width: 1px;
	  background-color: #003163;
	  height: 54px;
	  vertical-align: bottom;
	  text-align: left;
	  font-size: 9px;
	  color: #FFFFFF;
	  font-weight: bold;
	  font-family: Verdana, Arial, Helvetica, sans-serif
	  }

	.tm-programs {
	  background-color: #1763AE;
	  width: 15%;
	  text-align: center;
	  color: #FFFFFF;
	  font-size: 9px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight: bold
	  }

	.tm-custom-training {
	  background-color: #EAEAEA;
	  text-align: center;
	  color: #003163;
	  width: 14.28%;
	  font-size: 9px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight: bold
	  }
	  
	.tm-inpartnership {
	  background-color: #003163;
	  text-align: center;
	  color: #FFFFFF;
	  font-size: 9px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight: bold
	  }

	.tm-ball {
	  text-align: center;
	  color: 
	  }

	a.trainingmatrix { 
	  color: #ffffff; 
	  background-color: #5c8fc4; 
	  font-weight: bold ; 
	  font-size: 7pt; 
	  font-family: Verdana, Arial, Helvetica, sans-serif 
	  }

	a.trainingmatrixheader { 
	  color: #000000; 
	  background-color: #5c8fc4; 
	  font-weight: bold ; 
	  font-size: 8pt; 
	  font-family: Verdana, Arial, Helvetica, sans-serif 
	  }

/********************************************** 
* rightnewsdesk - this is the links & right bar for news.
	using page-layout.jpg, it is category 5 
**********************************************/

td.main { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
 } 

/********************************************** 
* footerstrip - this is the bar at the bottom of the page.
	using page-layout.jpg, it is category 6 
**********************************************/

td.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #032a5f;
  color: #ffffff;
  font-weight: bold;
}

/********************************************** 
* footer - this is the learnpoints footer with logo.
	using page-layout.jpg, it is category 7 
**********************************************/

a.footerlink { 
  color: #3333ff; 
  background-color: #ffffff; 
  font-weight: normal; 
  font-size: 8pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif 
  }

a.footerlink:hover { 
  color: #3366ff; 
  background-color: #ffffff; 
  font-weight: normal; 
  font-size: 8pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif 
  }

/********************************************** 
* These are the classes for the tooptip hover boxes 
**********************************************/

.tooltiptitle {	
  font-weight: bold; 
  font-size: 8pt; 
  cursor: default; 
  color: #ffffff; 
  font-family: arial; 
  text-decoration: none
  }
  
.tooltipcontent {
  font-size: 8pt; 
  cursor: default; 
  color: #000000; 
  font-family: arial; 
  text-decoration: none
  }
  
#tooltip {	
  z-index: 4; 
  left: 0px; 
  visibility: hidden; 
  width: 100px; 
  position: absolute; 
  top: 0px
  }
  
/********************************************** 
* osC stuff - in use? 
**********************************************/

.errorbox { 
  font-family : Verdana, Arial, sans-serif; 
  font-size : 10px; 
  background: #ffb3b5; 
  font-weight: bold; 
  }

.stockwarning { 
  font-family : Verdana, Arial, sans-serif; 
  font-size : 10px; 
  color: #cc0033; 
  }

.productsnotifications { 
  background: #f2fff7; 
  }

tr.productreviews-even, tr.upcomingproducts-even, tr.shippingoptions-even {
  background: #ffffff;
}

tr.accounthistory-odd { 
  background: #ff3333;
 } 

/********************************************** 
* osC stuff - not used? 
**********************************************/

tr.payment-odd, tr.productreviews-odd, tr.upcomingproducts-odd, tr.shippingoptions-odd {
  background: #f4f7fd;
}

span.newitemincart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

span.greetuser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

span.markproductoutofstock {
  font-family: tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productspecialprice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.modulerowover { 
  background-color: #3399ff; 
  cursor: hand; 
  }

.modulerowselected { 
  background-color: #e9f4fc; 
  }

.checkoutbarto { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #8c8c8c; 
  }

.checkoutbarcurrent { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #000000; 
  }

tr.subbar {
  background: #f4f7fd;
}

td.subbar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: white;
}

td.accountcategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

td.fieldkey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

td.fieldvalue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

td.tableheading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #00426e;
}


.checkoutbarfrom { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #8c8c8c;  
  } 

tr.payment-even { 
  background: #ff0000;
 } 

/********************************************** 
* unknown - Search found no files with these classes
**********************************************/

a.pageresults { 
  color: #0000ff; 
}

a.pageresults:hover { 
  color: #0000ff; 
  background: #ffff33; 
}

a.left { color: #000000; 
  text-decoration: none; 
  background-color: #f8f4d4
  }

td.category_desc { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 11px; 
  color: #ff3333; 
  line-height: 1.5pt
  }

/********************************************** 
* edumatrix.lp - unused classes from edumatrix.lp
**********************************************/

.narial {
  font-size: 10pt; 
  font-family: arial
  }
  
.nariall {
  font-size: 12pt; 
  font-family: arial
  }
  
.narials {
  font-size: 8pt; 
  font-family: arial
  }
  
.narialw {
  font-size: 10pt; 
  color: #ffffff; 
  font-family: arial
  }