/*
 * CSS style library for the Library section
 *
 * @author Shaun Lessman
 * @version $Id: library.css,v 1.7 2006/08/03 21:02:30 slee Exp $$Revision: 1.7 $
 * @updated $Date: 2006/08/03 21:02:30 $$Author: slee $
 */


/***************************************************
 *
 * Category Table Elements
 *
 ***************************************************/

table.categoryTable {
	width: 100%;
}

table.categoryTable td.imageCell {
	padding: 10px 20px 10px 0px;
	text-align: right;
	vertical-align: top;
}

table.categoryTable td.textCell {
	padding: 10px 0px;
	width: 100%;
}


/***************************************************
 *
 * Brochure List Elements
 *
 ***************************************************/

table.brochureList {
	width: 100%;
	margin: 10px;
}

table.brochureList td {
	width: 125px;
	padding: 0px 20px 20px 0px;
}


/***************************************************
 *
 * International Brochure Elements
 *
 ***************************************************/

table.internationalBrochures {
	width: 100%;
	margin: 10px;
}

table.brochureList td {
	width: 300px;
	padding-bottom: 15px;
}

table.brochureList div.country {
	padding-bottom: 25px;
}


/***************************************************
 *
 * Main Page Form Styles
 *
 ***************************************************/

div.formContainer {
	padding-left: 10px;
	padding-bottom: 5px;
}

div.formContainer table td {
	padding: 0px 10px 6px 0px;
}

table#brochureTypes td {
	padding-right: 75px;
}


/***************************************************
 *
 * Product Documentation Styles
 *
 ***************************************************/

table#categorySelectContainer {
	 width: 780px;
	 margin: 0px 10px;
}

table#categorySelectContainer td.header {
	width: 100%;
	vertical-align: middle;
	padding-left: 5px;
	font-weight: bold;
}

span.fileSize {
	font-size: 10px;
	padding-left: 5px;
}

table#documentContainer {
	width: 780px;
	margin: 15px 10px;
	table-layout: fixed;
	border-left: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	border-collapse: collapse;
}

/* table container header cells */
table#documentContainer th.product {
	width: 225px;					/* actual (with padding) = 255 */
	padding: 2px 20px 2px 10px;
	background-color: #98b4cf;
	color: #ffffff;
}

table#documentContainer th.specs {
	width: 76px;					/* actual (with padding) = 106 */
	padding: 2px 15px;
	background-color: #98b4cf;
	color: #ffffff;
}

table#documentContainer th.installation {
	width: 96px;					/* actual (with padding) = 126 */
	padding: 2px 15px;
	background-color: #98b4cf;
	color: #ffffff;
}

table#documentContainer th.useandcare {
	width: 101px;					/* actual (with padding) = 131 */
	padding: 2px 15px;
	background-color: #98b4cf;
	color: #ffffff;
}

table#documentContainer th.other {
	width: 132px;					/* actual (with padding) = 162 */
	padding: 2px 15px;
	background-color: #98b4cf;
	color: #ffffff;
}

table#documentContainer tr.globalCategoryContainer {
	/* DO NOT DELETE - javascript code relies on this class to show/hide the globalCategories */
	/* reserved for future use */
}

table.globalCategory {
	width: 779px;					/* NOTE: this is 1px less than the container so the right-hand border displays correctly in all browsers */
	table-layout: fixed;
	border-bottom: 1px solid #98b4cf;
	border-collapse: collapse;
}

/* doc header cells */
table.globalCategory th.docProductLight {
	width: 225px;					/* actual (with padding) = 255 */
	padding: 10px 20px 10px 10px;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docProductDark {
	width: 225px;					/* actual (with padding) = 255 */
	padding: 10px 20px 10px 10px;
	background-color: #f3f3f3;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docSpecsLight {
	width: 75px;					/* actual (with padding and left-hand border) = 106 */
	padding: 10px 15px;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docSpecsDark {
	width: 75px;					/* actual (with padding and left-hand border) = 106 */
	padding: 10px 15px;
	background-color: #f3f3f3;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docInstallationLight {
	width: 95px;					/* actual (with padding and left-hand border) = 126 */
	padding: 10px 15px;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docInstallationDark {
	width: 95px;					/* actual (with padding and left-hand border) = 126 */
	padding: 10px 15px;
	background-color: #f3f3f3;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docUseAndCareLight {
	width: 100px;					/* actual (with padding and left-hand border) = 131 */
	padding: 10px 15px;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docUseAndCareDark {
	width: 100px;					/* actual (with padding and left-hand border) = 131 */
	padding: 10px 15px;
	background-color: #f3f3f3;
	border-top: 1px solid #98b4cf;
	border-right: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docOtherLight {
	width: 131px;					/* actual (with padding) = 161 */
	padding: 10px 15px;
	border-top: 1px solid #98b4cf;
	font-weight: bold;
}

table.globalCategory th.docOtherDark {
	width: 131px;					/* actual (with padding) = 161 */
	padding: 10px 15px;
	background-color: #f3f3f3;
	border-top: 1px solid #98b4cf;
	font-weight: bold;
}

/* doc data cells */
table.globalCategory td.docProductLight {
	padding: 0px 15px;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docProductDark {
	padding: 0px 15px;
	background-color: #f3f3f3;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docSpecsLight {
	padding: 0px 15px;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docSpecsDark {
	padding: 0px 15px;
	background-color: #f3f3f3;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docInstallationLight {
	padding: 0px 15px;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docInstallationDark {
	padding: 0px 15px;
	background-color: #f3f3f3;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docUseAndCareLight {
	padding: 0px 15px;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docUseAndCareDark {
	padding: 0px 15px;
	background-color: #f3f3f3;
	border-right: 1px solid #98b4cf;
}

table.globalCategory td.docOtherLight {
	padding: 0px 15px;
}

table.globalCategory td.docOtherDark {
	padding: 0px 15px;
	background-color: #f3f3f3;
}