/*---------------------------------------------------------------------------*/
/* The body font */
/*---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #E8E8E8; /*#BFBFC0;*/
}
/*---------------------------------------------------------------------------*/
/* Text Styles																 */
/*---------------------------------------------------------------------------*/
.textPtight{ /* Basic text, but without the space between paragraphs */
	margin-top:0px;
	margin-bottom:0px;
}
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.textRed {
	color: #FF0000;
}
.textSmallBody{
	font-size: 8pt;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.textTinyCaption{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	text-align:center; 
}
.textTinyCaptionBold{
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.textCopyright{
	font-size: 8pt;
	color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.textBigAdHeadings{
	font-size: medium;
	font-weight: bold;
}
.textUnderline {
	text-decoration: underline;
}


/* Links */
a:link { text-decoration: none; color: blue }
a:visited { text-decoration: none; color: #0000FE } /* Can't be identical color to a:link */
a:active { text-decoration: none; color: blue }
a:hover { text-decoration: underline; color: red }

/* These prevent named links from underlining. */
a[name]:link { text-decoration: none; color: inherit}
a[name]:hover { text-decoration: none; color: inherit}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
ul {
	list-style-image: url('images/BulletLightGray.gif');
	/* 
	Firefox and IE use different properties, so you need to set both.
	And reportedly you can't set margin-left to 0px or the bullet might not appear.
	*/
	margin-left: 1em;
	padding-left: 1em;
}
/*---------------------------------------------------------------------------*/
/* Table stuff. 															 */
/*---------------------------------------------------------------------------*/
table{
	/* No Border */
	border-style: none;
	border-width: 0px;
	
	/* Center */
	margin-top: 0px;
	margin: 0px auto 0px auto;
	
	/* No padding or spacing */
	padding: 0px;
	border-spacing: 0px; /* may not work for 0px. Does not work in IE v5-v7. */
	border-collapse:collapse; /* Does not support "inherit" in any browser. */
	
	/* Color */
	background-color:white;
}
table.tableLeft{
	float: left;
	margin: 0px 4px 0px 0px;
}
table.tableRight{
	float: right;
	margin: 0px 0px 0px 4px;
}
table.TableBorder { 
	border-width: 1px;
	border-style: solid; 
	border-color: #8782a0; 
}
table.tableMain {
	margin: 0px 5px 0px 5px;
}
/* Cells */
td {
	text-align: left;
	vertical-align: top;
}
td.cellBigHeader { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
/*	font-weight: bold; */
	background: #85829f;
	color: #ffffff;  
	padding: 0px 0px 0px 5px;
	margin:0px;
	border-width:0px;
	border-style:solid;
	border-color: #85829f;
}
/*---------------------------------------------------------------------------*/
/* Specifications tables */
/*---------------------------------------------------------------------------*/
table.tableSpecHeader { 
	width:90%;
	
	border-width: 0px;
  
	background: #85829f;
	padding: 0px;
	margin: 0px auto 0px auto;
	border-spacing: 0px;
}
table.tableSpecs { 
	border-width:1px;
	border-style: solid; 
	border-color: #8782a0; 
	background: #ffffff; 
	width:90%;
}
td.cellSpecsHeader { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: white;  
	
	padding: 0px 0px 0px 5px;
}
td.cellSpecsDark15Percent{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #999999; 
	color: #ffffff;  
	text-align: right;
	width: 15%;
	padding-right: 3px; 
}
td.cellSpecs27Percent{ 
	width: 27%;
	background: #CCCCCC; 
	padding-left: 3px; 
}
td.cellSpecs40Percent{ 
	width: 40%;
	background: #CCCCCC; 
	padding-left: 3px; 
}
td.cellSpecsBody { 
	padding-left: 3px; 
	padding-right: 3px; 
}
.textSpecsHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: white;  
	
	padding: 2px 0px 0px 0px;
	
}

/*---------------------------------------------------------------------------*/
/* Advertisement tables */
/*---------------------------------------------------------------------------*/
table.tableAd{
	border-width: 1px;
	border-color: #85829F;
	border-style: solid; 
	background: #ffffff; 
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
table.tableAdRight{
	border-width: 1px;
	border-color: #85829F;
	border-style: solid; 
	background: #ffffff; 
	margin: 3px; 
	float: right;
	padding: 0;
}
table.tableAdLeft{
	border-width: 1px;
	border-color: #85829F;
	border-style: solid; 
	background: #ffffff; 
	margin: 3px; 
	float: left;
	padding: 0;
}
td.cellAdHeader{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	background: #85829F; 
	color: #FFFFFF;  /* Text color */
	text-align: center;
}
td.cellAdRow { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #FFFFFF; 
	color: #000000;  /* Text color */
	text-align: center;
}
td.cellAdRowLeft { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #FFFFFF; 
	color: #000000;  /* Text color */
	text-align: left;
}
/*---------------------------------------------------------------------------*/
/* Intense tables */
/*---------------------------------------------------------------------------*/
table.tableIntense{ 
  border-width:1px;
  border-style: solid; 
  border-color: #ff7d06; 
  background: #ffffff; 
  /* Make 2C6B24 for green. */
  padding: 0;
  border-spacing:0;
}
td.cellIntenseHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background: #ff7d06; 
	color: #FFFFFF;  /* Text color */
	text-align: center;
}
td.cellIntenseRow{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #FFFFFF; 
	color: #000000;  /* Text color */
}


/* Headings */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
	color: #7598c4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #7598c4;
	text-align: left;
	/* color: #EEA752; */
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #7598c4;
	text-align: left;
}

p {
	text-align: left;
}
.fontCenter {
	text-align: center;
}

.fontRight {
	text-align: right;
}
/* This text highlights the "meters" hover text*/
.highlightMeters {
	color: #444444;
}

/* Image styles */

img {
	border:0px;
	border-width: 0px;
	/* I think I want these:
		margin: 0px;
	padding: 0px;
*/
}
.imagePadded{
	margin: 3px; 
	border-width: 0;
}
.imagePaddedBorder{
	margin: 3px; 
	border: 1px solid #888888;
}
.imageLeft{
	border-width: 0;
	float: left;
}
.imageLeftPadded{
	float: left;
	margin: 3px 5px 3px 0px; /* No padding on the left. Some on the top and bottom. More on the right. */
	border-width: 0;
}
.imageLeftPaddedBorder{
	float: left;
	margin: 3px 5px 3px 0px; /* No padding on the left. Some on the top and bottom. More on the right. */
	border: 1px solid #888888;
}
.imageRight{
	border-width: 0;
	float: right;
}
.imageRightPadded{
	float: right;
	margin: 3px 0px 3px 5px; /* No padding on the right. Some on the top and bottom. More on the left. */
	border-width: 0;
}
.imageRightPaddedBorder{
	float: right;
	margin: 3px 0px 3px 5px; /* No padding on the right. Some on the top and bottom. More on the left. */
	border: 1px solid #888888;
	border-width: 0;
}
.imgCenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
}