/* LAST UPDATED 08.21.09 */

/*

	Table of Contents

	I.   MODULE WEBFORMS
	II.  SYSTEM MESSAGES
	III. SECURE ZONES
	IV.  MISC

*/

/* -----------------------------------------------------------
	I. MODULE WEBFORMS
----------------------------------------------------------- */

.webform h2, .webform h3 { padding: 7px 0 0 0; }

td.submitButton {
	text-align: center;
	padding-top: 14px !important;
}

ul.form {
	margin: 0;
	padding: 0;
}

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #888;
	display: block;
}

div.form div.item, div.webform div.item { padding: 9px; }

textarea, 
.cat_textbox_small, 
.cat_textbox_smaller,
.cat_listbox, 
.cat_listbox_small, 
input.cat_textbox, 
input.cat_textbox_small, 
input.cat_textbox_smallest, 
textarea.cat_listbox, 
select.cat_dropdown, 
select.cat_dropdown_small, 
select.cat_dropdown_smaller, 
select.cat_listbox {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #000;
	background: #fff;
	border: 1px #e1e1e1 solid;
	padding: 4px;
}

.cat_dropdown_small { width: 200px; }

.cat_dropdown_smaller { width: 150px; }

.cat_textbox_small, .cat_listbox_small { width: 200px; }

.cat_listbox {
	height: 120px;
	width: 300px;
}

table.webform,
table.reporting {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}

table.webform td {
	line-height: 24px;
	padding: 6px;
}

.form input, .webform input { margin-right: 3px; }

/* -----------------------------------------------------------
	II. SYSTEM MESSAGES
----------------------------------------------------------- */

.system-message, .system-error-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 36px 36px 36px 180px;
}

.system-message { background: #f9f9f9 url('/CatalystImages/ok.png') no-repeat 29px 18px;	 }

.system-error-message { background: #f9f9f9 url('/CatalystImages/error.png') no-repeat 26px 26px; }

.system-message h1, .system-error-message h1 {
	color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link { color: #1969bc; }

.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}

/* -----------------------------------------------------------
	III. SECURE ZONES
----------------------------------------------------------- */

.case-search {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small { width: 210px; }

.secure-update-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px;
}

.product-form h3 { padding-left: 9px; }

.secure-login, .newsletter-form {
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form { padding-left: 9px; }

/* -----------------------------------------------------------
	IV. MISC
----------------------------------------------------------- */

p.literature-container img { vertical-align: middle; }

p.literature-container span.icon, p.literature-container span.name { margin: 0 3px 0 0; }

.favourite-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {
	width: 260px;
}

.favourite-registration input.cat_button { margin: 0 6px 0 0; }

#imageContainer img { margin: 0; }

table.photogalleryTable td { padding: 9px; }

table.affiliate-stats {
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
}

table.affiliate-stats td {
	border: 1px solid #d7d7d7;
	padding: 6px;
}

table.affiliate-stats td.var { color: #888; }

/* -----------------------------------------------------------
	FORUM
----------------------------------------------------------- */

/* NOTE: div.post-list exists in BLOG as well */

.forum-container h1 { font-size: 24px; }

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration { color: #666; }

div.forum-registration h2 { color: #000; }

table.forum {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {
	font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {
	border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {
	border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {
	float: left;
	width: 50px;
}

table.forum .forum { margin: 0 0 0 50px; }

table.forum h3 { margin: 0; }

ul.cap-top,
ul.cap-bottom {
	font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0;
}

ul.cap-bottom { margin: 18px 0 0; }

ul.cap-top li,
ul.cap-bottom li {
	display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {
	float: left;
	width: 200px;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{
	float: right;
	margin: 0;
	padding: 0 9px;
}

table.topic-list {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {
	font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {
	float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 10px;
	text-align: center;
	width: 10%;
}

table.topic-list .date {
	font-size: 10px;
	text-align: right;
	width: 20%;
}

table.topic-list td { padding: 0; }

table.topic {
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td { padding: 9px; }

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px;
}

.forum-registration input.cat_button { margin: 0 6px 0 0; }

.forum-posts-container .breadcrumb {
	font-size: 11px;
	padding: 6px;
}

.forum-posts-container h1 {
	font-size: 18px;
	margin: 18px 0;
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {
	background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {
	font-size: 11px;
	width: 160px;
}

.forum-posts-container h3.name {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px;
}