/**
 * Style sheet xCatalog
 */
/* Styling for all grid layouts */
.mod_cataloglist, .mod_catalogreader
{
	padding-top:10px;
}

/* Pad the bottom of catalog lists in accordions */
.accordion .mod_cataloglist
{
	padding-bottom:10px;
}

.catalogDetailsHead
{
	height:32px;
	padding-right:6px;
	padding-left:6px;
	background-image:url("tl_files/layout/catalog-table_head-bg.jpg");
	background-position:center top;
	background-repeat:repeat-x;
	border-top:4px solid #ffffff;
	border-right:4px solid #ffffff;
	border-left:4px solid #ffffff;
}

.catalogDetailsTitle
{
	float:left;
	margin-top:7px;
	padding-left:20px;
	background-image:url("tl_files/icons/cat_detail-title.gif");
	background-position:left center;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:15px;
	color:#ffffff;
}

.catalogDetailsBack a
{
	width:54px;
	height:20px;
	float:right;
	display:block;
	margin-top:4px;
	padding-top:4px;
	padding-left:30px;
	background-image:url("tl_files/buttons/cat_details-back.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	text-transform:lowercase;
}

.catalogDetailsBack a:hover, .catalogDetailsBack a:focus
{
	font-style:italic;
	text-decoration:none;
	color:#cccccc;
}

.mod_catalogreader .layout_full
{
	border-right:4px solid #ffffff;
	border-bottom:4px solid #ffffff;
	border-left:4px solid #ffffff;
}

.layout_full .field
{
	background-color:#dddddd;
	border-bottom:1px solid #ffffff;
}

.mod_cataloglist span.total
{
	display:none;
}

/* Info message when no results found */
.mod_cataloglist p.info
{
	width:35%;
	margin-right:auto;
	margin-left:auto;
	padding:88px 40px 40px 40px;
	text-align:center;
	background-color:#efefef;
	background-image:url("tl_files/icons/error_lg.gif");
	background-repeat:no-repeat;
	border:4px solid #999999;
	font-weight:bold;
	background-position: 50% 25%;
}

.pagination
{
	width:100%;
	height:24px;
	padding-top:10px;
}

/* Count (Page x of y) */
.pagination p
{
	float:left;
	font-style:italic;
	color:#666666;
}

/* div container for the entire catalog controller */
.custom
{
	padding:20px;
	background-color:#000000;
}

#CatalogController
{
	height:180px;
	background-image:url("tl_files/layout/catalog-controller_framework.jpg");
	background-position:center bottom;
	background-repeat:no-repeat;
}

.mod_catalogfilter h4
{
	height:30px;
	margin-top:6px;
	margin-bottom:0px;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
}

/* All helper text */
.mod_catalogfilter .info, .mod_catalogfilter .tools_group li
{
	color:#aaaaaa;
	line-height:100%;
}

.mod_catalogfilter .filter_group .info
{
	margin-bottom:16px;
}

/* Clear all filters */
.mod_catalogfilter .search_group div.clearall
{
	margin-top:10px;
}

/* Clear all filters */
.mod_catalogfilter .filter_group div.clearall
{
	margin-top:18px;
}

/* Additional top margin for FE clear filter button */
.mod_catalogfilter .filter_group #filterFE
{
	margin-top:27px;
}

/* Clear all filters */
.mod_catalogfilter .clearall a
{
	width:122px;
	height:19px;
	display:block;
	padding-top:1px;
	padding-left:60px;
	background-image:url("tl_files/buttons/cat_controls-clear.gif");
	background-position:left center;
	background-repeat:no-repeat;
	color:#ffffcc;
}

/* Clear all filters */
.mod_catalogfilter .clearall a:hover, .mod_catalogfilter .clearall a:focus
{
	text-decoration:none;
	color:#ffffff;
}

.mod_catalogfilter .tools_group
{
	width:182px;
	height:170px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url("tl_files/layout/catalog-controller_head.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	border-right:4px solid #000000;
}

.mod_catalogfilter .tools_group ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.mod_catalogfilter .tools_group li
{
	display:block;
	margin-bottom:16px;
	padding-left:20px;
}

.mod_catalogfilter .tools_group li.tools
{
	background-image:url("tl_files/icons/cat_controls-tools.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

.mod_catalogfilter .tools_group li.grid
{
	background-image:url("tl_files/icons/cat_controls-grid.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

.mod_catalogfilter .tools_group li.pages
{
	background-image:url("tl_files/icons/cat_controls-pagination.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

.mod_catalogfilter .filter_group
{
	width:182px;
	height:170px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url("tl_files/layout/catalog-controller_head.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}

.mod_catalogfilter .filter_group h3, .mod_catalogfilter .filter_group label
{
	margin:0;
	padding:0;
	color:#cccccc;
	line-height:100%;
}

.mod_catalogfilter .filter_group select, .mod_catalogfilter .sort_group select
{
	width:182px;
	height:24px;
	margin:0px 0px 10px 0px;
	padding:2px;
	background-color:#222222;
	border:1px solid #888888;
	color:#ffffcc;
}

/* IE styling */
*:first-child+html .mod_catalogfilter .filter_group select, *:first-child+html .mod_catalogfilter .sort_group select
{
	width:182px;
	height:27px;
	margin:0px 0px 10px 0px;
	padding:2px;
	background-color:#222222;
	border:1px solid #888888;
	color:#ffffcc;
}

.mod_catalogfilter .search_group
{
	width:182px;
	height:170px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url("tl_files/layout/catalog-controller_head.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	border-right:4px solid #000000;
}

.mod_catalogfilter .search_group form
{
	margin-top:18px;
}

.mod_catalogfilter .search_group input.text
{
	width:174px;
	height:18px;
	margin:0px;
	padding:3px;
	background-color:#222222;
	border:1px solid #888888;
	color:#ffffcc;
}

.mod_catalogfilter .search_group input.submit
{
	width:80px;
	height:20px;
	margin-top:4px;
	background-color:#353535;
	background-image:url("tl_files/buttons/cat_controls-search.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#ffffcc;
	border:none;
}

.mod_catalogfilter .sort_group
{
	width:182px;
	height:170px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url("tl_files/layout/catalog-controller_head.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	border-right:4px solid #000000;
}

.mod_catalogfilter .sort
{
	margin-top:18px;
}

.mod_catalogrelated
{
	clear:both;
}

/* Link list style */
.mod_catalogfilter .sort_group  .list_container ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

/* Link list style */
.mod_catalogfilter .sort_group  .list_container a
{
	height:17px;
	display:block;
	padding-top:3px;
	font-weight:bold;
	color:#ffffcc;
}

/* Link list style */
.mod_catalogfilter .sort_group  .list_container a:hover, .mod_catalogfilter .sort_group  .list_container a:focus
{
	text-decoration:none;
	color:#ffffff;
}

/* Link list style */
.mod_catalogfilter .list_container li.list_0 a, .mod_catalogfilter .list_container li.list_2 a, .mod_catalogfilter .list_container li.list_4 a, .mod_catalogfilter .list_container li.list_6 a
{
	padding-left:12px;
	background-image:url("tl_files/icons/cat_controls-sort-asc.gif");
	background-position:left center;
	background-repeat:no-repeat;
}

/* Link list style */
.mod_catalogfilter .list_container li.list_1 a, .mod_catalogfilter .list_container li.list_3 a, .mod_catalogfilter .list_container li.list_5 a, .mod_catalogfilter .list_container li.list_7 a
{
	padding-left:12px;
	background-image:url("tl_files/icons/cat_controls-sort-desc.gif");
	background-position:left center;
	background-repeat:no-repeat;
}

/* Link list style */
.mod_catalogfilter .sort_group  .list_container p.active
{
	width:170px;
	height:17px;
	padding-top:3px;
	padding-left:12px;
	background-image:url("tl_files/buttons/cat_controls-sort-yes.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#ffff66;
}

/* Radio button style */
.mod_catalogfilter .sort_group  .radio_container label
{
	color:#ffffcc;
	cursor:pointer;
}

/* Main category buttons in the upper-right of page body */
div.productLinks
{
	float:right;
	margin-top:2px;
}

/* Browse Chemicals button */
.productLinks a.chemicals
{
	width:128px;
	height:19px;
	float:left;
	display:block;
	margin-right:6px;
	padding-top:5px;
	padding-left:30px;
	background-image:url("tl_files/buttons/products_chemicals.gif");
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#545454;
}

/* Browse Chemicals button */
.productLinks a.composites
{
	width:140px;
	height:19px;
	float:left;
	display:block;
	padding-top:5px;
	padding-left:30px;
	background-image:url("tl_files/buttons/products_composites.gif");
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#545454;
}

table
{
	width:100%;
	border-top:4px solid #ffffff;
	border-right:4px solid #ffffff;
	border-bottom:4px solid #ffffff;
	border-left:3px solid #ffffff;
}

/* Column header row formatting */
.layout_simpletable thead tr, .ce_table thead tr
{
	height:32px;
	background-image:url("tl_files/layout/catalog-table_head-bg.jpg");
	background-position:center top;
	background-repeat:repeat-x;
}

/* Column header formatting */
.layout_simpletable thead th, .ce_table thead th
{
	padding:0px 4px;
	vertical-align:middle;
	border-left:1px solid #aaaaaa;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}

/* Custom header formatting - Product name */
.layout_simpletable thead th.name, .docsCustomer .layout_simpletable thead th.title
{
	padding-left:18px;
	border-left:1px solid #ffffff;
}

/* Custom header formatting - Chemical class */
.layout_simpletable thead th.chemicalsClass
{
	width:126px;
}

/* Custom header formatting - Supplier */
.layout_simpletable thead th.supplier
{
	width:100px;
}

/* Custom header formatting - CAS number */
.layout_simpletable thead th.CAS
{
	width:58px;
}

/* Custom header formatting - Lb/Ga */
.layout_simpletable thead th.PPG
{
	width:32px;
}

/* Custom header formatting - IBP */
.layout_simpletable thead th.chemicalsIBPF
{
	width:34px;
}

/* Custom header formatting - Flash point */
.layout_simpletable thead th.chemicalsFlashPointF
{
	width:44px;
}

/* Custom header formatting // Composites - Gel Time */
.layout_simpletable thead th.compositesGelTime
{
	width:50px;
}

/* Custom header formatting // Composites - Mix Ratio */
.layout_simpletable thead th.compositesMixRatio
{
	width:54px;
}

/* Custom header formatting // Composites - Viscosity */
.layout_simpletable thead th.compositesViscosity
{
	width:78px;
}

/* Custom header formatting // Composites - AEW */
.layout_simpletable thead th.compositesAEW
{
	width:27px;
}

/* Custom header formatting // Composites - EEW */
.layout_simpletable thead th.compositesEEW
{
	width:40px;
}

/* Custom header formatting // MSDS */
.layout_simpletable thead th.msds
{
	width:34px;
}

/* Custom header formatting - Tech */
.layout_simpletable thead th.tech
{
	width:28px;
}

.layout_simpletable thead th.published
{
	width:35px;
}

/* Custom header formatting - First Name */
.layout_simpletable thead th.nameFirst
{
	width:62px;
	border-left:1px solid #ffffff;
}

/* Custom header formatting - Last Name */
.layout_simpletable thead th.nameLast
{
	width:84px;
}

/* Custom header formatting - Office Phone */
.layout_simpletable thead th.phoneOffice
{
	width:80px;
}

/* Custom header formatting - Email */
.layout_simpletable thead th.email
{
	width:300px;
}

/* Custom header formatting // Resources - Description */
.layout_simpletable thead th.description
{
	width:300px;
}

/* Custom header formatting // Resources - File */
.layout_simpletable thead th.file
{
	width:88px;
}

/* Custom header formatting // Resources - Revision */
.layout_simpletable thead th.revisionDate
{
	width:50px;
}

/* Custom header formatting // Documents - Category */
.layout_simpletable thead th.category
{
	width:54px;
}

/* Table body cell formatting */
.layout_simpletable tbody td, .ce_table tbody td
{
	height:20px;
	padding:6px 4px;
	vertical-align:middle;
	border-left:1px solid #ffffff;
	font-size:11px;
}

/* Add zebra-striping to even table rows */
.layout_simpletable tbody tr.even, .ce_table tbody tr.even
{
	background-color:#eeeeee;
}

/* Add zebra-striping to odd table rows */
.layout_simpletable tbody tr.odd, .ce_table tbody tr.odd
{
	background-color:#dddddd;
}

/* Employee table // align first name to the right */
.layout_simpletable td.nameFirst
{
	text-align:right;
}

/* Employee table // first / last name links */
.layout_simpletable td.nameFirst a, .layout_simpletable td.nameLast a
{
	font-weight:bold;
}

/* Employee table // formatting for Title values */
.locationPeople .layout_simpletable td.title a
{
	font-size:11px;
	color:#000000;
}

/* Item styling for icons - MSDS, Tech, published */
.layout_simpletable td.msds, .layout_simpletable td.tech, .layout_simpletable td.published
{
	text-align:center;
}

/* Cell styling - reduce padding on first column */
.layout_simpletable td.name
{
	padding-left:0px;
}

/* Item styling - product name */
.layout_simpletable td.name a, .docsCustomer .layout_simpletable td.title a
{
	display:block;
	padding-left:18px;
	background-image:url("tl_files/icons/cat_prod-up.gif");
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
}

/* Item styling - product name */
.layout_simpletable td.name a:hover, .docsCustomer .layout_simpletable td.title a:hover
{
	background-image:url("tl_files/icons/cat_prod-ov.gif");
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}

/* Item styling - product name */
.layout_simpletable td.email a
{
	display:block;
	padding-left:20px;
	background-image:url("tl_files/icons/email.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

/* Download link button */
a.linkDownload
{
	width:62px;
	height:16px;
	display:block;
	padding-top:4px;
	padding-left:26px;
	background-image:url("tl_files/buttons/cat_download.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#000000;
}

a.linkDownload:hover, a.linkDownload:focus
{
	text-decoration:none;
	color:#336699;
}

.layout_full .label
{
	width:140px;
	float:left;
	display:block;
	padding:6px 6px 6px 16px;
	background-image:url("tl_files/icons/cat_detail-specs.gif");
	background-position:left center;
	background-repeat:no-repeat;
	border-right:1px solid #eeeeee;
	font-weight:bold;
}

.layout_full .value
{
	display:block;
	margin-left:163px;
	padding:6px;
	background-color:#eeeeee;
	border-left:1px solid #bbbbbb;
}

/* removes the auto-MIME icon imposed by TL */
.layout_full span.file img
{
	display:none;
}

.layout_full span.file a
{
	padding-top:1px;
	padding-bottom:1px;
	padding-left:18px;
	background-image:url("tl_files/icons/file_pdf.gif");
	background-position:left center;
	background-repeat:no-repeat;
}

p.back a
{
	width:54px;
	height:19px;
	clear:both;
	display:block;
	margin-top:4px;
	margin-left:auto;
	padding-top:5px;
	padding-left:30px;
	background-image:url("tl_files/buttons/back.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#555555;
	text-transform:lowercase;
}

p.back a:hover, p.back a:focus
{
	text-decoration:none;
	color:#000000;
}

.pagination ul
{
	float:right;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.pagination ul li
{
	float:left;
	text-align:center;
}

/* Sans underline on hover */
.pagination li a
{
	text-decoration:none;
}

.pagination li a.first, .pagination li a.previous, .pagination li a.next, .pagination li a.last
{
	width:64px;
	height:20px;
	display:block;
	padding-top:4px;
	background-image:url("tl_files/buttons/pagination_controls.gif");
	background-position:center center;
	background-repeat:no-repeat;
	font-weight:bold;
}

.pagination li a.first:hover, .pagination li a.previous:hover, .pagination li a.next:hover, .pagination li a.last:hover
{
	color:#000000;
}

/* Page selectors */
.pagination li a.link
{
	width:24px;
	height:20px;
	display:block;
	padding-top:4px;
	background-image:url("tl_files/buttons/pagination_number-up.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#999999;
}

/* Page selectors hover */
.pagination li a.link:hover, .pagination li a.link:focus
{
	background-image:url("tl_files/buttons/pagination_number-ov.gif");
	background-position:center top;
	background-repeat:no-repeat;
	color:#666666;
}

/* Page selectors */
.pagination li span.current
{
	width:24px;
	height:20px;
	display:block;
	padding-top:4px;
	background-image:url("tl_files/buttons/pagination_number-dn.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
}