Copy the Contents of FilterBuilder.css into SharePoint Core.css

This is a unit step that I need to reference in other blog posts, so I separated it out from a previous post.

Locate your Core.css file. Mine is located at C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\1033\STYLES\CORE.CSS. Edit the file and paste the following CSS code at the very end.

/*FilterBuilder.css*/
.anchorText
{
 color:#1C0BF3;
 font:9pt Tahoma;
 font-weight:bold;
 vertical-align:middle;
}

.bottomRightAngleTreeCell
{
 width:10px;
 height:5pt;
 font-size:xx-small;
 border-left: medium solid #d5e4ff;
 border-top: thin solid #d5e4ff;
}

.collapseConditionButton
{
 width:10px;
 height:10px;
 position:relative;
 left:-7px;
 bottom:-9px;
 border-style:none;
}

.conditionDivision
{
 background-color:#d5e4ff;
 height:16pt;
 width:100%;
}

.conditionText
{
 font:9pt Tahoma;
 color:#404040;
 vertical-align:middle;
}

.deleteConditionButton
{
 width:10px;
 height:10px;
 position:relative;
 top:-12px;
 right:2px;
 border-style:none;
 float:right
}

.deleteConditionButtonDateEditMode
{
 width:10px;
 height:10px;
 position:relative;
 top:-13px;
 right:2px;
 border-style:none;
 float:right;
}

.deleteConditionButtonSelectionEditMode
{
 width:10px;
 height:10px;
 position:relative;
 top:-19px;
 right:2px;
 border-style:none;
 float:right;
}

.deleteConditionButtonTextEditMode
{
 width:10px;
 height:10px;
 position:relative;
 top:-23px;
 right:2px;
 border-style:none;
 float:right;
}

.errorText
{
 font:9pt Tahoma;
 color:#DC143C;
 font-weight:bold;
 vertical-align:middle;
}

.expandConditionButton
{
 width:10px;
 height:10px;
 position:relative;
 left:-5px;
 bottom:-6px;
 border-style:none;
}

.headingSpan
{
 font:9pt Tahoma;
 color:black;
 font-weight:bold;
 vertical-align:middle;
}

.horizontalBarTreeCell
{
 width:10px;
 height:5pt;
 font-size:xx-small;
 border-top: thin solid #d5e4ff;
}

.inlineDivision
{
 display: inline;
}

.leftMarginTreeCell
{
 width:20px;
 font-size:xx-small;
}

.outermostContainer
{
 width: 100%;
 overflow: visible;
}

.searchNotification
{
 display: inline;
}

.searchNotificationImage
{
 width:10px;
 height:10px;
 position:relative;
 top:2px;
 border-style:none;
}

.select
{
 font:9pt Tahoma;
 color:black;
 font-weight:bold;
 vertical-align:middle;
}

.spacerTreeCell
{
 width:10px;
 height:5pt;
 font-size:xx-small;
}

.textBox
{
 color:#000000;
 font:8pt Tahoma;
 font-weight:normal;

}

.topRightAngleTreeCell
{
 width:10px;
 height:5pt;
 font-size:xx-small;
 border-left: medium solid #d5e4ff;
 border-bottom: thin solid #d5e4ff;
}

.treeCell
{
 font-size:xx-small;
}

.verticalBarTreeCell
{
 width:10px;
 height:5pt;
 font-size:xx-small;
 border-left: medium solid #d5e4ff;
}