You need to install the updated CSS tags into your style.css file in the layout/yourtheme dir like what Blaine had said, if you didn't or you have a misc copy of a duplicate tag from before, your gonna have problems. Here is a copy of my style.css for professional. Rename your current one to a backup and copy and paste this code into a new file and name it style.css and place it in that dir. Also, goto in your browser and click on tools and then clear private data (clear your cache). The code here works in my FF just fine.
Text Formatted Code
/* STYLESHEET FORMAT GUIDE *****************************************************
split the following sections:
- semantics (direct formatting for <td>, <a > etc
- classes (.whatever)
- common plugin CSS
- navbar
Within these sections, entries are to be strictly alphabetized.
SAMPLE:
.poll-vote,
.poll-vote-results {
background:transparent;
color:#000000;
font-size:smaller;
}
These are the rough rules:
- always put a ';' after the last entry
- always a linebreak before .
- always a linebreak after , ; { and }
- always a . before all classes
- two spaces indent
- no tabs
- no spaces after colons
*/
/* SEMANTICS ******************************************************************/
a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
color:#000000;
background:transparent;
text-decoration:none;
}
a:link {
background:transparent;
color:#0000FF;
}
a:visited {
background:transparent;
color:#800080
}
a:hover {
background:transparent;
color:#008000
}
a:active {
background:transparent;
color:#FF0000
}
fieldset {
margin-bottom:1em;
}
fieldset p {
padding:5px;
margin:0px;
}
fieldset p {
margin-top:5px;
margin-bottom:0px;
}
fieldset legend {
font-size:.9em;
}
form {
margin-top:5px;
margin-bottom:5px;
}
form div.notes p,
form div small {
line-height:125%;
}
form div.notes li {
margin-left:12px;
}
form fieldset div.notes {
float:right;
width:170px;
height:auto;
margin:0px 0px 10px 10px;
padding:5px;
border:1px solid #666666;
background-color:#ffffe1;
color:#666666;
font-size:.75em;
}
form fieldset div.notes h4 {
background-image:url(images/icon_info.png);
background-repeat:no-repeat;
background-position:top left;
padding:3px 0px 2px 27px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#666666;
color:#666666;
margin-bottom:5px;
margin-top:0px;
font-size:1.3em;
}
form fieldset div.notes p {
margin:0em 0em 1.2em 0em;
color:#666666;
}
form fieldset div.notes p.last {
margin:0em;
padding-bottom:5px;
}
h1 {
font-size:125%;
}
h2 {
font-size:100%;
}
h3 {
font-size:100%;
margin:0px;
}
img {
border:0;
}
input {
font-size:.9em;
}
input,
submit,
td {
color:#000000;
}
textarea {
color:#000000;
font-family:arial,sans-serif,verdana,tahoma,helvetica;
}
th {
color:#000000;
background-color:#DAE0ED;
font-weight:bold;
font-size:larger;
padding-left:3px;
text-align:left;
}
p {
margin-top:5px;
}
select {
color:#000000;
font-size:.9em;
}
/* CLASSES ********************************************************************/
/* Admin lists ****************************************************************/
.admin-list-icon {
float:left;
padding:5px;
}
.admin-list-table {
width:100%;
text-align:left;
border-spacing:1px;
}
.admin-list-table form {
margin:0px;
}
.admin-list-search{
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
.admin-list-field {
text-align:left;
padding-left:5px;
padding-right:5px;
}
.admin-list-headerfield {
text-align:left;
padding-left:5px;
padding-right:5px;
font-size:larger;
}
/* general alignment classes **************************************************/
.alignleft {
text-align:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
/* Blocks *********************************************************************/
.block-box-left {
margin:10px;
}
.block-box-left,
.block-box-right,
.block-box {
margin:5px 10px 15px 10px;
}
.block-box-left ul,
.block-box-right ul {
/* do not indent lists in the blocks too much */
padding-left:10px;
margin-top:0px;
margin-bottom:0px;
}
.block-bg-left,
.block-bg-right{
border-top:1px solid #FFFFFF;
}
.block-bg-spreader {
/* this is making sure that the blocks have a minimum width */
background:transparent;
width:180px;
height:1px;
}
.block-content,
.block-content-right,
.block-content-left {
background:transparent;
color:#000000;
padding-bottom:2px;
padding-top:2px;
clear:both;
}
.block-content-left ul,
.block-content-right ul,
.block-content ul {
margin-top:0;
margin-bottom:0;
margin-left:16px;
padding-left:0;
border:none;
}
.block-divider {
background:#FFFFFF;
border-bottom:1px solid #F7F7F7;
border-top:1px solid #E7E7E7;
color:#000000;
padding-top:2px;
}
.block-divider-left {
border-top:1px solid #E7E7E7;
border-bottom:1px solid #FFFFFF;
width:90%;
margin:0 auto;
line-height:0px;
}
.block-divider-right {
border-top:1px solid #CCCCCC;
border-bottom:1px solid #FFFFFF;
width:90%;
margin:0 auto;
line-height:0px;
}
.block-featured-left {
background:#F7F7F7;
border-right:1px solid #FFFFFF;
color:#000000;
}
.block-featured-right {
background:#E7E7E7;
border-left:1px solid #FFFFFF;
color:#000000;
}
.block-helpicon {
padding-top:0px;
text-align:right;
float:right;
}
.block-outerborder-left {
border-left:5px solid #E7E7E7;
}
.block-outerborder-right {
border-right:1px solid #CCCCCC;
}
.block-title,
.blocktitle,
.block-title-left,
.block-title-right {
background:transparent;
color:#1A3955;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
text-align:left;
}
/* Comments *******************************************************************/
.commentbar-line1 {
background:transparent;
color:#000000;
padding:3px 3px;
text-align:center;
}
.commentbar-line2 {
background:#E7E7E7;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
text-align:center;
}
.commentbar-line3 {
background:#FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E7E7E7;
color:#000000;
padding:3px 3px;
text-align:center;
}
.commenttitle {
background:#F7F7F7;
border-bottom:1px solid #E7E7E7;
border-left:1px solid #E7E7E7;
border-right:1px solid #E7E7E7;
border-top:1px solid #E7E7E7;
font-weight:bold;
font-size:smaller;
padding:3px 0px 3px 10px;
}
/******************************************************************************/
.edit-perm-down {
text-align:center;
}
.edit-perm-up{
text-align:center;
padding-right:10px;
padding-left:10px;
}
.fieldhelp {
font-size:0.8em;
color:#666666;
}
/* Footer *********************************************************************/
.footerblock {
background:#1A3955;
border-top:1px solid #CCCCCC;
color:#FFFFFF;
font-size:0.85em;
padding-bottom:10px;
padding-top:10px;
padding-left:4px;
padding-right:4px;
vertical-align:middle;
text-align:left;
}
.footerblock a:link {
background:transparent;
color:#FFFFFF;
text-decoration:none;
}
.footerblock a:visited {
background:transparent;
color:#FFFFFF;
text-decoration:none;
}
.footerblock a:hover {
background:transparent;
color:#008000;
text-decoration:none;
}
.footerblock a:active {
background:transparent;
color:#FFFFFF;
text-decoration:none;
}
.footer-divider-top {
background:#FFFFFF;
border-top:1px solid #CCCCCC;
padding-top:1px;
color:#000000;
}
/* Forms **********************************************************************/
.form-description {
font-weight:bold;
float:left;
width:100px;
text-align:right;
padding-right:5px;
display:block;
}
.form-field {
padding-bottom:5px;
margin-left:105px;
}
/* Header *********************************************************************/
.header-envelope {
border-bottom:1px solid #E7E7E7;
border-left:1px solid #E7E7E7;
border-right:1px solid #E7E7E7;
border-top:1px solid #E7E7E7;
padding-left:1px;
padding-right:1px;
text-align:left;
}
.header-logobg {
padding-top:4px;
}
.header-logobg-container-inner {
background:url(images/header-bg.png) #1A3955;
border-bottom:1px solid #CCCCCC;
}
.header-logobg-container-outer {
background:#FFFFFF;
padding-bottom:1px;
}
.header-navigation-container {
border-bottom:1px solid #FFFFFF;
}
.header-navigation-line {
background:#E7E7E7;
border-bottom:1px solid #CCCCCC;
color:#FFFFFF;
padding-bottom:3px;
padding-top:4px;
text-align:right;
}
.header-navigation-line a:link {
background:transparent;
border-bottom:0px solid #CCCCCC;
color:#0000FF;
font-size:.9em;
}
.header-navigation-line a:visited {
background:transparent;
border-bottom:0px solid #CCCCCC;
color:#800080;
font-size:0.9em;
}
.header-navigation-line a:hover {
background:transparent;
border-bottom:0px solid #CCCCCC;
color:#008000;
font-size:0.9em;
}
.header-navigation-line a:active {
background:transparent;
border-bottom:0px solid #CCCCCC;
color:#FF0000;
font-size:0.9em;
}
.header-welcomeanddate-box {
border-bottom:1px solid #CCCCCC;
height:52px;
}
.header-welcomeanddate-text {
position:relative;
top:12px;
left:4px;
}
/******************************************************************************/
.highlight {
color:#000000;
background-color:yellow;
text-decoration:none;
}
.inputTable td {
padding:4px;
vertical-align:top;
}
.inputTable label {
font-weight:bold;
float:right;
white-space:nowrap;
}
.moderation-cc {
width:100%;
}
.moderation-cc-row {
clear:both;
height:80px;
width:100%;
}
.moderation-cc-item {
float:left;
text-align:center;
}
.pagenav {
text-align:center;
}
.row_center td {
text-align:center;
}
.searchauth {
background:transparent;
color:#000000;
text-align:left;
}
.searchdate {
background:transparent;
color:#000000;
text-align:right;
}
.searchform-box {
background:#E7E7E7;
text-align:right;
border-bottom:1px solid #CCCCCC;
height:52px;
padding:0px 4px 0px 1px;
margin:0px;
}
.searchform-elements{
display:inline;
position:relative;
top:6px;
}
.searchform-elements input{
font-size:0.9em;
}
.searchhits {
background:transparent;
color:#000000;
text-align:right;
}
.sitebody {
background:#FFFFFF;
color:#000000;
font:.8em arial,sans-serif,verdana,tahoma,helvetica;
padding:0px;
margin:0px;
}
.site-slogan {
color:#ffffff;
background:transparent;
}
/* Stats **********************************************************************/
.stats-list-count {
text-align:right;
padding-left:5px;
padding-right:5px;
}
.stats-header-title {
text-align:left;
width:90%;
padding-left:5px;
padding-right:5px;
}
.stats-header-count {
text-align:left;
width:10%;
padding-left:5px;
padding-right:5px;
}
/* Story **********************************************************************/
.story {
/* the frame around all elements of one story */
background:transparent;
color:#000000;
}
.story h1{
/* the title of a story */
background:transparent;
color:#000000;
font-weight:bold;
padding-left:1px;
}
.story-body {
/* this is the actual content of the story */
padding:3px;
}
.story-featured {
/* the frame around all elements of a featured story */
background:transparent;
color:#000000;
}
.story-featured h1 {
/* the title of a featured story */
background:transparent;
color:#000000;
font-weight:bold;
font-size:1.4em;
padding-left:1px;
}
.story-icons {
/* print & mail icons in a storybox */
float:right;
}
.story-container {
/* frame around all stories & centerblocks*/
padding-right:9px;
}
.story-footer {
/* the bottom of the story with edit-links etc */
padding:3px;
text-align:center;
}
.story-information {
/* the author, views and date of a story */
padding:3px;
font-size:0.85em;
background:transparent;
color:#000000;
}
/******************************************************************************/
.topicoption,
.topicoption-off {
}
.warning {
background:transparent;
color:#FF0000;
font-weight:bold;
}
.warningsmall {
background:transparent;
color:#FF0000;
}
.xpinputfield {
border:1px solid #7B9EBD;
}
/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */
.plugin {
color:#000000;
background-color:#EFEFEF;
font-weight:normal;
border:1px solid #CCCCCC;
}
.plugin th {
color:#000000;
background-color:#B7C1DC;
padding:5px;
text-align:left;
}
.plugin tr {
vertical-align:top;
}
.plugin td {
padding:2px 5px 2px 5px;
}
.pluginBG {
color:#FEFEFE;
background-color:#7398BA;
}
.pluginAltBG {
background-color:#7398BA;
}
.pluginAltBG td {
color:#FFFFFF
}
.pluginCellTitle {
color:#FFFFFF;
font-weight:bold;
background-color:#7398BA;
padding:5px;
}
.pluginCellFill {
background-color:#F8FAFD;
}
.pluginCellText {
color:#636363;
font-weight:normal;
}
.pluginHeader {
color:#204275;
font-weight:bolder;
padding-top:3px;
padding-bottom:3px;
}
.pluginFooter, .pluginFooter td {
background-color:#507AA1;
color:#FFFFFF;
}
.pluginAlert {
padding:5px 15px 5px 15px;
color:#D8010E;
background-color:#FEF1B4;
font-weight:bold;
}
.pluginInfo {
padding:5px 15px 5px 15px;
color:#707070;
background-color:#FEF1B4;
font-weight:normal;
}
.pluginSubTable {
color:#000000;
background-color:#CCCCCC;
font-weight:normal;
border:1px solid #CCCCCC;
}
.pluginSubTable th {
color:#000000;
background-color:#C9D1E4;
padding:5px;
text-align:left;
}
.pluginSubTable tr {
vertical-align:top;
}
.pluginSolidOutline {
background-color:#CCCCCC;
}
.pluginSolidFill {
background-color:#1A3955;
}
.pluginTitle {
background-color:#507AA1;
color:#F5F9FF;
padding:4px;
padding-left:6px;
padding-right:6px;
}
.pluginCellSubTitle {
background-color:#F7F7F7;
color:#000000;
padding:4px;
padding-left:6px;
padding-right:6px;
}
.pluginTinyText {
font-size:0.70em;
}
.pluginSmallText {
font-size:0.8em;
}
.pluginMediumText {
font-size:1em;
}
.pluginLargeText {
font-size:1.25em;
}
.pluginAltText {
color:#FFFFFF;
}
.pluginRow1, .pluginRow1 td {
color:#000000;
background-color:#F7F7F7;
line-height:120%;
}
.pluginRow2, .pluginRow2 td {
color:#000000;
background-color:#E7E7E7;
line-height: 120%;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
color:#000000;
background-color:#FFFFFF;
line-height:120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
color:#000000;
background-color:#F7F7F7;
line-height:120%;
}
.pluginLinks A:link {
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginLinks A:visited {
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginLinks A:hover {
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
color:#FFFFFF;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginBreadCrumbs A:visited {
color:#FFFFFF;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
.pluginBreadCrumbs A:hover {
color:#FFFFFF;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
a.pluginButton:link, a.pluginButton:visited {
color:#000000;
text-align:center;
padding-top:2px;
display:block;
height:19px;
text-decoration:none;
background-color:transparent;
}
a.pluginButton:hover {
color:blue;
text-align:center;
padding-top:2px;
background:center url(navbar/images/button_over.gif);
background-repeat:repeat-x;
display:block;
height:19px;
text-decoration:none;
background-color:transparent;
}
/* Navbar Class CSS ***********************************************************/
#navcontainer {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#navcontainer ul {
margin:0px;
padding:10px 10px 0 50px;
list-style:none;
}
#navcontainer li {
display:inline;
margin:0px;
padding:0px;
}
#navcontainer a {
float:left;
background:url("navbar/images/tableftJ.gif") no-repeat left top;
margin:0px;
padding:0px 0px 0px 5px;
text-decoration:none;
}
#navcontainer a span {
float:left;
display:block;
background:url("navbar/images/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
float:none;
}
/* End IE5-Mac hack */
#navcontainer a:hover span {
color:#FFFFFF;
}
#navcontainer a:hover {
background-position:0% -42px;
}
#navcontainer a:hover span {
background-position:100% -42px;
}
#navcontainer a#current span {
background:url("navbar/images/tabrightI.gif") no-repeat left top;
background-position:100% -42px;
color:#FFFFFF;
}
#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current {
background:url("navbar/images/tableftI.gif") no-repeat left top;
background-position:0% -42px;
}
/* Common CSS for on-hover tooltip feature */
a.tooltip {
position: relative; /*this is the key*/
z-index:10;
color:#000;
text-decoration:none;
}
a.tooltip:hover {
z-index:100;
text-decoration:none
}
a.tooltip span {
display: none
}
a.tooltip:hover span {
/*the span will display just on :hover state*/
z-index:100;
color:#033666;
font-style:normal;
font-size:.8em;
line-height: 125%;
display:block;
position:absolute;
border:1px solid #C8DAF7;
background-color:#E5EFFF;
padding:4px;
text-align: left;
text-decoration:none;
left:-20px;
top:10px;
min-width:150px;
}
/* End of common CSS for on-hover info feature */
/* Forum Plugin specific CSS */
.codeblock {
background-color:#ECE9D8;
color:#000;
width: 550px;
height: 160px;
overflow: auto;
min-height: 50px;
max-height: 120px;
margin: 5px 0px 5px 5px;
padding:5px;
border: 1px dashed black;
}
.quotemain
{
background:#FAFCFE url('forum/image_set/img_quote.gif') no-repeat top right;
border: 1px dotted #000;
border-left: 4px solid #8394B2;
color:#465584;
padding: 4px;
margin: 5px auto 8px auto;
}
/* CSS Declarations for Code block feature - default will use the .php one */
div .php { max-height:400px; overflow:auto; height:auto; width:auto; min-height:100px; }
div .html { height:300px; overflow:auto; width:auto; min-height:100px; }
div .css { height:300px; overflow:auto; width:auto; min-height:100px; }
/* END of Forum Plugin CSS */