/* These custom styles override or 
augment styles contained in styles.jsp.
(styles.jsp is loaded first, and then
this file. I recommend the Firefox
add-on, Firebug, for examining what
styles are being applied to an element.)
*/

body, div, p, td, th {
	font-size: 9pt;
}

body {
	position: relative;
	text-align: center; /* To center in IE */
	padding: 0;
	margin: 0;
	background-color: #4E4E4E;
}

div#container {
	position: relative;
	width: 934px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}

div#banner {
	width: 100%;
	height: 80px;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

div#banner img {
	width: 934px;
	height: 80px;
	border: none;
}

/* Main table header block. */
.jive-table thead th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ddd;
	background-color: #333;
	border: none;
}

/* First text element on main table header block. */
.jive-table thead .jive-first {
	height: 40px;
	padding-left: 10px;
	text-align: left;
}

/* Removes border line between "new content" graphic and main column. */
td.jive-first {
	border-right: none;
}

/* Absolutely positioned to break out of table constraints. Be careful
not to put other elements in the same space it occupies. */
#jive-accountbox {
	position: absolute;
	float: none;
	left: 726px;
	margin-top: -3px;
	height: 70px;
	width: 199px;	
	border: 1px solid #ccc;
}

/* Contents of accountbox. */
#jive-accountbox dl {
	float: left;
	width: 140px;
	margin-left: 2px;
	line-height: 1.4em;
}

/* Minimum table row height */
.jive-even, 
.jive-odd {
  height: 70px; 
  font-size:0.6em;
  font-weight: bold;
}

.jive-even td, 
.jive-odd td {
	vertical-align: middle;
}

/* Align thread author's name at top. */
div.jive-messagebox .jive-even td, 
div.jive-messagebox .jive-odd td {
	vertical-align: top;
}

/* Thread title color. */
div.jive-messagebox .jive-subject {
	color: #444;
}

/* Odd row background color. */
.jive-odd td {
	background-color: #efefef;
}

/* Sub-category > thread links. (e.g. Chevy Truck Owners > Fuel Economy) */
.jive-forum-list .jive-forum-name a, 
.jive-thread-name a {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
}

/* Forum / Category descriptions; also used for post info on threads page. */
.jive-description, 
.jive-legend .jive-icon-label {
    font-family: Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	font-weight: bold;
	color: #777;
	margin: 0.4em 0 2.0em 0;
}

/* Description in Private Messages section; make sure it doesn't
overlap accountbox. */
p.jive-description {
	width: 75%;
}

/* Sub-category header block. */
.jive-forum-list .jive-table .jive-category-name {
	height: 40px;
	background-color: #555;
}

/* Text on sub-category header block. */
.jive-category-name a {
	margin-left: 6px;
	color: #ddd !important;
}

/* Text on right-hand portlet (Search, Announcements etc.) header block. */
.jive-portlet-box thead th {
	font-size: 10pt;
	height: 40px;
	padding-left: 5px;	
	color: #ddd;
	background-color: #333;
}

/* Text link in portlet box */
.jive-portlet-box tbody td a {
	line-height: 1.8em;
}

/* Main page body title. */
.jive-page-title {
	font-size: 1.4em;
	margin: 14px 0 0 0;
	padding: 0;
	color: #666;
}

#jive-breadcrumbs {
	margin-top: -15px;
}

div.jive-search-form {
	margin-bottom: 15px;
}

/* Search label & button text. */
.jive-search-form label, 
.jive-search-form label a, 
.jive-search-form input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}

/* User Search / More info text links. */
.jive-description a {
	color: #666;
}


/* Pretty much any table text that's not in the main column. */
.jive-forum-list .jive-table .jive-last-post, 
.jive-thread-list .jive-table .jive-last-post,
.jive-thread-list .jive-forum-name a,
.jive-table .jive-date,
td.jive-msg-count,
td.jive-view-count, 
td.jive-author a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #444;
}

/* Click on username link to get the profile page; this margin 
is here so profile page won't overlap accountbox. */
div#jive-profilepage {
	margin-top: 35px;
}

/* This width is set so profilebox won't overlap accountbox. */
div#jive-profile-box {
    width: 75%;
}

/* Aligns Control Panel with accountbox. */
div.jive-profile div.jive-portlet-box {
	position: relative;
	top: -17px;
	left: 0;
}

/* Edit User Profile header block. */
.jive-table thead .jive-first-last {
	height: 40px;
	vertical-align: middle;
}

/* This is a special case for the profile page - the footer is 
outside the container div and has to be aligned manually. */
table#jive-footer {
	width: 934px;
	margin: -32px auto 0;
	padding: 0;
	background-color: #fff;
}

/* A thread's message body. */
.jive-message-body {
	font-weight:bold;
	color:#666;
}

td.jive-first table td a {
	font-weight: bold;
}