The following style sheet can simply be referenced by your pages that consume the EasySearch controls, or you can copy this information into one of your existing CSS sheets. We've tried to make the name as easy as possible to understand.
The syntax to reference a CSS sheet, is an entry int he <Head /> tag of your ASPX file. You'll see this file referenced in the Sample1.aspx, Sample2.aspx, and Sample3.aspx files.
1: <link rel="stylesheet" href="easysearch.css" type="text/css">
The contents of EasySearch.css follows.
1: /* Hint CSS */
2: .selHint { border: dashed 1px #236393; }
3:
4: #results div a span {
5: background-color: #FFFF00;
6: margin-bottom: 5px;
7: }
8:
9: #results {
10: display: none;
11: visibility: hidden;
12: background-color: #FFFFFF;
13: width: 175px;
14: overflow: hidden;
15: border: solid 1px #236393;
16: z-index: 99;
17: position: absolute;
18: }
19:
20: *{margin: o;}
21: .ResultsPaging {
22: color: Black;
23: background-color: #e8e7ff;
24: }
25: .SearchResultAlt {
26: /*background-color: #e8e7ff; */
27: }
28:
29: #EasySearchLiveResults {
30: Z-INDEX: 100;
31: display: none;
32: position: absolute;
33: background-color: White;
34: border-color: #3333ff;
35: margin-bottom: 10px;
36: border-width: 13px;
37: }
38:
39: .SearchResultUrl {
40: color: #32aca8;
41: font-style: italic;
42: }
43:
44: .SearchResultsPageXofYMessage {
45: font-style: italic;
46: }
47:
48: .SearchResultsHighlight {
49: color: Red;
50: font-style: italic;
51: }
52:
