In your .css file, assign these-
.Login {
font-weight: bold;
font-size: 8.5pt;
color: #003366;
font-family: Arial, Helvetica;
text-decoration: none;
}
A.Login:link {
text-decoration: none;
color:#FF9900;
}
A.Login:visited {
text-decoration: none;
color:#eeeeee;
}
A.Login:active {
text-decoration: none;
color:#eeeeee;
}
A.Login:hover {
text-decoration: none;
color:#cccccc;
}
.BreadCrumb {
font-weight: bold;
font-size: 9pt;
color: white;
font-family: Tahoma, Arial, Helvetica;
text-decoration: none;
}
A.BreadCrumb:link {
text-decoration: none;
color:white;
}
A.BreadCrumb:visited {
text-decoration: none;
color:#eeeeee;
}
A.BreadCrumb:active {
text-decoration: none;
color:#eeeeee;
}
A.BreadCrumb:hover {
text-decoration: none;
color:#cccccc;
}
And in the .xml file, set them like this -
<Object>
<Token>[LOGIN]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>BlueSkinObjects</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[BREADCRUMB]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>BreadCrumb</Value>
</Setting>
<Setting>
<Name>RootLevel</Name>
<Value>0</Value>
</Setting>
</Settings>
</Object>
Hope this helps.