.forabg {
	background: #444444 none repeat-x top right !important;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}


.navbar {
    background-color: #FF9300 !important;
}

.bg1 {
    background-color: #FAFAFA !important;
}


.bg2 {
    background-color: #dadada !important;
}

.bg3 {
    background-color: #ddd !important;
}

ul.forums {
    background-color: #ddd !important;
    background-image: none !important; /*url("./styles/prosilver/theme/images/gradient.gif");*/
}    
.panel {
    background-color: #ddd;
    color: #28313F;
}

table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
        
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
        /*background: none repeat scroll 0 0 #FF9300; */
	padding: 10px 18px 10px 10px;
        background-color: #FF9300;
	font-weight: bold;
        font-size:12px;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display td {
        font-size:12px;
	padding: 5px 10px;
	cursor: pointer;
	* cursor: hand;
}