/* main page layout */
#documentTable { width: 732px; }
#leftCell { width: 174px; }
#mainCell { width: 558px; }

/* Default line-height is not consistent across browsers, causing
   inconsistency with background-positions on <li> elements. */
#upperBodyA, #upperBodyB, #upperBodyC, #upperBodyD, #lowerBody,
#upperBodyA *, #upperBodyB *, #upperBodyC *, #upperBodyD *, #lowerBody * {
	line-height: 115%;
}

#upperBodyA, #upperBodyB, #upperBodyC, #upperBodyD {
	font-size: 70%;
	color: #666666;
}

#lowerBody {
	font-size: 70%;
	color: #666666;
}

/* since tables don't inherit font size by default... */
#upperBodyA table, #upperBodyB table, #upperBodyC table, #upperBodyD table,
#lowerBody table {
	font-size: 100%;
}

/* since th and td elements don't inherit color by default... */
#upperBodyA th, #upperBodyB th, #upperBodyC th, #upperBodyD th,
#upperBodyA td, #upperBodyB td, #upperBodyC td, #upperBodyD td,
#lowerBody th, #lowerBody td {
	color: #666666;
}

#upperTableA tr, #upperTableB tr, #upperTableC tr, #upperTableD tr,
#lowerTableA tr, #lowerTableB tr, #lowerTableC tr, #lowerTableD tr {
	vertical-align: top;
}

.titlestyle {
	margin-top: 15px;
}

/******************************************************************************
	Largely based on geappliances.com CSS.
******************************************************************************/

#upperBodyA {
	margin-top:15px;
	border-bottom:1px solid #cccccc;
}
#upperBodyB {
	margin-top:15px;
	padding-bottom: 15px;
	border-bottom:1px solid #cccccc;
}
#upperBodyC {
	margin-top:5px;
	border-bottom:1px solid #cccccc;
}
#upperBodyD {
	margin-top:5px;
	padding-bottom: 15px;
	border-bottom:1px solid #cccccc;
}

#upperTableA, #upperTableB, #upperTableC, #upperTableD {
	width:100%;
}
#upperTableA td.col1, #upperTableB td.col1, #upperTableC td.col2, #upperTableD td.col2 {
	width:29%;
}
#upperTableA td.col1, #upperTableC td.col2 {
	vertical-align:bottom;
}
#upperTableC td.col2, #upperTableD td.col2 {
	text-align:right;
}
#upperTableB td.col1, #upperTableD td.col2 {
	vertical-align:top;
}
#upperTableA td.col2, #upperTableB td.col2, #upperTableC td.col1, #upperTableD td.col1 {
	width:71%;
	vertical-align:top;
}
#upperTableC h1.titlestyle, #upperTableD h1.titlestyle {
	margin-bottom:.8em;
}
#upperTableA td.col2 p, #upperTableB td.col2 p, #upperTableC td.col1 p, #upperTableD td.col1 p {
	margin:0;
	padding:0;
	padding-bottom:.85em;
}

#upperTableA td.col1 img.mainImage {
	margin-right: 15px;
}
#upperTableC td.col2 img.mainImage {
	margin-left: 15px;
}
#upperTableB td.col1 img.mainImage {
	border: 1px solid #cccccc;
	margin-top:2px;
	margin-right: 15px;
}
#upperTableD td.col2 img.mainImage {
	border: 1px solid #cccccc;
	margin-top:2px;
	margin-left: 15px;
}

#lowerBody {
	margin-top:15px;
	margin-bottom:40px;
}

#lowerTableA {  /*  3 column: 380px + 18px + 160px  */
	width: 558px;
}
#lowerTableA td.col1 {
	width: 380px;
	vertical-align:top;
}
#lowerTableA td.gutter {
	width: 18px;
	vertical-align:top;
}
#lowerTableA td.col2 {
	width: 160px;
	vertical-align:top;
}

#lowerTableB {  /*  3 column: 330px + 18px + 210px  */
	width: 558px;
}
#lowerTableB td.col1 {
	width: 330px;
	vertical-align:top;
}
#lowerTableB td.gutter {
	width: 18px;
	vertical-align:top;
}
#lowerTableB td.col2 {
	width: 210px;
	vertical-align:top;
}

/******************************************************************************
	Utility
******************************************************************************/

img.border { border: solid 1px #cccccc; }

ul.greydot {
	padding: 0;
	margin: 0;
}
ul.greydot li {
	list-style-type: none;
	background-image: url('/images/support/icon_greydot.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 8px;
	margin: 0;
}
ul.bluedot {
	padding: 0;
	margin: 0;
}
ul.bluedot li {
	list-style-type: none;
	background-image: url('/images/support/icon_bluedot.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 8px;
	margin: 0;
}

ul.spaced li {
	margin-top: 3px;
}

ul.fullspaced li {
	margin-top: 0.9em;
}

#lowerBody p {
	margin: 0.9em 0 0 0;
}

#lowerBody .tight {
	margin-top: 0;
}
#lowerBody .fullline {
	margin-top: 0.9em;
}
#lowerBody .bigskip {
	margin-top: 2em;
}

.popUp_Top {
	padding-bottom: 5px;
	border-bottom: solid 1px #999999;
	margin: 5px 15px 15px 0;
	text-align: right;
	font-size: 70%;
}
.popUp_Top img {
	vertical-align: middle;
}
.popUp_Top a {
	text-decoration: none;
	color: #666666;
}
.popUp_Top a:hover {
	text-decoration: none;
	color: #666666;
}

#upperTableA td, #upperTableC td {
	/* so images flush with border */
	padding-bottom: 0;
}

.imageBlock_noWrap {
	margin-top: 0.9em;
	margin-bottom: 25px;
}

.imageBlock_noWrap .image img {
	margin-top: 2px;
}

/******************************************************************************
	Data tables.
******************************************************************************/

/*
.dataTableOpen { width:100%; }
.dataTableClosed { width:100%; }
*/

.dataTableOpen td,
.dataTableClosed td,
.dataTableOpen th,
.dataTableClosed th {
	text-align: left;
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #cccccc;
}

.dataTableClosed td,
.dataTableClosed th {
	border-right: 1px solid #cccccc;
}

.dataTableOpen tr.headings td,
.dataTableClosed tr.headings td,
.dataTableOpen tr.headings th,
.dataTableClosed tr.headings th,
.dataTableOpen thead th,
.dataTableOpen thead td,
.dataTableClosed thead th,
.dataTableClosed thead td {
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
}

tr.even { }
tr.odd { background-color: #f7f7f7; }