Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / docs / style.css
1 html{background:#f8f8f8}
2 body{-webkit-font-smoothing:antialiased;font:13px / 1.231 HelveticaNeue,helvetica,arial,clean,sans-serif;min-width:980px;color:#484848}
3 a{color:#083772;text-decoration:none;}
4 a:hover{color:#0464bb}
5 pre,code,kbd,samp,tt{font-family:"Menlo","Courier New",Courier,monospace}
6 .lft h2{font-weight:bold}
7 .list{font-size:.9em}
8 .head-band{background:#043250;height:5px;width:100%}
9 .header{background:-webkit-gradient(linear,left top,left bottom,from(#064872),to(#085b88));background:-moz-linear-gradient(top,#064872,#085b88);border-top:1px solid #0b5f8a;border-bottom:1px solid #fff;height:65px;width:100%;}
10 .header h2 a{display:block;text-indent:-9999px;background:url("icon.png") 0 -787px no-repeat;margin-left:20px;width:150px;color:#000;height:70px}
11 #search{position:absolute;top:75px;}
12 #search form{position:absolute;margin:10px 0 0 20px;width:219px;height:30px;background:url("search-box.png") no-repeat;z-index:11;}
13 #search form #search-field{position:absolute;top:6px;left:30px;width:155px;border:0;background:none}
14 #search #quick-search{border-style:solid;border-color:#bebdbf;border-width:0 1px;background:#fff;position:absolute;width:190px;top:23px;padding-top:16px;left:20px;z-index:5}
15 #search .item{display:block;cursor:pointer;overflow:hidden;padding:5px 5px 5px 30px;border-width:0 0 1px 0;border-style:solid;border-color:#bebdbf;}
16 #search .item .title{color:#605f5f;font-weight:bold;overflow:hidden;text-overflow:ellipsis}
17 #search .item .class{color:#605f5f;font-size:.85em;overflow:hidden;text-overflow:ellipsis}
18 #search .item.config{background:url("configs.png") no-repeat 0 3px}
19 #search .item.property{background:url("properties.png") no-repeat 3px 8px}
20 #search .item.method{background:url("methods.png") no-repeat 3px 5px}
21 #search .item.event{background:url("events.png") no-repeat 4px 0}
22 #search .item.cls{background:url("class-sm.png") no-repeat 3px 5px}
23 #search .item.x-item-selected{background-color:#ffa}
24 #search .item.x-view-over{background-color:#ffa}
25 .footer{clear:both;color:#999;text-align:center;border-top:1px solid #ccc;padding:20px;margin:20px}
26 #container{padding:12px 20px 20px 20px;margin:-50px 20px 20px 260px;border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);background:#fff;}
27 #container nav.bc{font:1.1em "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin-top:-10px;margin-bottom:10px;color:#aaa;}
28 #container nav.bc a{color:#aaa}
29 #container h1{font-family:"klavika-web-1","klavika-web-2",sans-serif;letter-spacing:-1px;padding-bottom:5px;padding-top:2px;border-bottom:1px #f1f1f1;font-size:2.3em;color:#66ab16;}
30 #container h1 a{color:#66ab16}
31 #container h1 span{color:#929292;letter-spacing:0;margin-left:10px;font-size:.6em}
32 #container h1.cls a{background:url("class-m.png") no-repeat 0 -5px;margin-left:-12px;padding:.1em 0 .4em 2em}
33 #container h1.comp a{background:url("component-m.png") no-repeat 0 -5px;margin-left:-12px;padding:.1em 0 .4em 2em}
34 #container h1.sing a{background:url("singleton-m.png") no-repeat 0 -5px;margin-left:-12px;padding:.1em 0 .4em 2em}
35 #container .versions *{box-sizing:content-box}
36 #container .versions{position:absolute;top:26px;right:20px;}
37 #container .versions .desc{position:absolute;top:-13px;right:10px;width:200px;text-align:right;font-size:.8em;text-transform:uppercase;color:#aaa}
38 #container .versions .v{position:absolute;font-size:.8em;width:35px;padding-right:15px;line-height:15px;text-align:right;background:url("version-tabs.png") no-repeat}
39 #container .versions .v.active{background-position:-42px -40px;color:#757575}
40 #container .versions .v.active.last{background-position:-90px -40px}
41 #container .versions .v.active.first{background-position:0 -40px}
42 #container .versions .v.active:hover{background-position:-42px -20px;color:#fff}
43 #container .versions .v.active.last:hover{background-position:-90px -20px;color:#fff}
44 #container .versions .v.active.first:hover{background-position:0 -20px;color:#fff}
45 #container .versions .v.inactive{background-position:-42px 0;color:#acacac}
46 #container .versions .v.inactive.first{background-position:0 0}
47 #container .versions .v.inactive.last{background-position:-90px -40px}
48 #container .versions .v.selected{background-position:-42px -20px;color:#fff;font-weight:bold}
49 #container .versions .v.selected.first{background-position:0 -20px}
50 #container .versions .v.selected.last{background-position:-90px -20px}
51 #container .versions .v.first{width:27px}
52 #container .versions .v.last{width:40px}
53 #container .versions .i1{z-index:1;right:0}
54 #container .versions .i2{z-index:2;right:32px}
55 #container .versions .i3{right:64px;z-index:3}
56 #container .versions .i4{right:96px;z-index:4}
57 #container .versions .i5{right:128px;z-index:5}
58 #container .versions .i6{right:160px;z-index:6}
59 #container .versions .i7{right:192px;z-index:7}
60 #container .versions .i8{right:224px;z-index:8}
61 #container .versions .i9{right:256px;z-index:9}
62 #container .versions .i10{right:288px;z-index:10}
63 #doc-overview h1{font-size:1.2em;font-weight:bold;padding-bottom:.5em}
64 #doc-overview pre,.guide pre{background-color:#f7f7f7;border:solid 1px #e8e8e8;border-radius:5px;-moz-border-radius:5px;color:#314e64;font-family:"Menlo","Courier New",Courier,monospace;padding:10px 20px;line-height:1.3em;margin:10px 0 14px;overflow-x:auto;overflow-y:hidden;}
65 #doc-overview pre code,.guide pre code{font-family:"Menlo","Courier New",Courier,monospace}
66 #doc-overview pre i,.guide pre i,#doc-overview pre em,.guide pre em{font-style:normal}
67 #doc-overview pre.prettyprint,.guide pre.prettyprint{padding:10px 12px}
68 #api-overview{overflow:auto;position:absolute;bottom:50px;top:0;left:0;right:0;line-height:1.4em;}
69 #api-overview h1{padding:.5em 0 0 0;font-size:2em}
70 #api-overview h3{font-size:1.2em;padding:1em 0 .4em 0;font-weight:normal}
71 #api-overview .guides{width:650px !important;line-height:1.7em;}
72 #api-overview .guides .lft{float:left;width:220px}
73 #api-overview .guides .mid{float:left;width:180px;margin-left:20px}
74 #api-overview .guides .right{margin-left:410px}
75 #api-overview .guides a{display:block;height:32px;margin:10px 0;padding-left:40px}
76 #api-overview .guides .getting_started{background:url("guides.png") no-repeat 0 0}
77 #api-overview .guides .drawing_and_charting{background:url("guides.png") no-repeat 0 -288px}
78 #api-overview .guides .layouts_and_containers{background:url("guides.png") no-repeat 0 -130px}
79 #api-overview .guides .application_architecture{background:url("guides.png") no-repeat 0 -98px}
80 #api-overview .guides .class_system{background:url("guides.png") no-repeat 0 -31px}
81 #api-overview .guides .data{background:url("guides.png") no-repeat 0 -66px}
82 #api-overview .guides .grid{background:url("guides.png") no-repeat 0 -193px}
83 #api-overview .guides .tree{background:url("guides.png") no-repeat 0 -228px}
84 #api-overview .guides .components{background:url("guides.png") no-repeat 0 -160px}
85 #api-overview .guides .theming{background:url("guides.png") no-repeat 0 -320px}
86 #api-overview .guides .direct{background:url("guides.png") no-repeat 0 -387px}
87 #api-overview .guides .accessibility{background:url("guides.png") no-repeat 0 -453px}
88 #api-overview .category{clear:both;background-color:#f7f7f7;border:1px solid #ebebeb;padding:10px 10px 20px 20px;margin:0 20px 20px 0;border-radius:10px;-moz-border-radius:10px}
89 #api-overview .lft{float:left;width:270px;margin-left:20px}
90 #api-overview .mid{float:left;width:320px}
91 #api-overview .rgt{float:left}
92 #api-overview .links{margin-left:1.5em;}
93 #api-overview .links a{display:block}
94 #api-overview .links a.more{font-weight:bold}
95 #api-overview .stats .c{text-align:center}
96 #api-overview .stats .pl{padding:0 5px 0 15px;border-left:1px solid #ccc}
97 #api-overview .stats .pr{padding:0 15px 0 5px;border-right:1px solid #ccc}
98 #api-overview .stats .p{padding:0 15px;border-left:1px solid #ccc;border-right:1px solid #ccc}
99 #api-overview .stats th.c{font-weight:bold}
100 #api-overview .stats td{border-width:1px 1px 0 1px;border-style:solid;border-color:#eee}
101 #api-overview .stats tr.bot th{padding-bottom:10px;border-bottom:1px solid #ccc}
102 #api-overview .legend{border-radius:5px;-moz-border-radius:5px;background-color:#f7f7f7;border:1px solid #ebebeb;padding:0 15px 15px 10px;margin:0 20px 10px 0;width:300px;}
103 #api-overview .legend .icn{padding-left:22px}
104 #api-overview .legend a{display:block}
105 #api-overview .legend h4{font-family:HelveticaNeue,Helvetica,Arial,sans-serif;font-size:90%;padding:11px 0 5px 0;text-transform:uppercase;color:#999}
106 #api-overview.classList h2{font-weight:bold}
107 #api-overview.classList td{padding:0 0 0 20px;vertical-align:top}
108 #api-overview.classList .group{background:#fafafa;padding:10px 20px 20px 20px;margin:0 20px 20px 0;border-radius:10px;-moz-border-radius:10px;}
109 #api-overview.classList .group h1{padding-bottom:10px}
110 #api-overview.classList .group h2{border-bottom:1px solid #ddd;padding-bottom:2px;margin-bottom:2px;padding-top:10px}
111 #api-overview.classList .group td.l span{font-family:courier;padding-right:3px}
112 #api-overview.classList .piechartLinks a{display:block}
113 #docContent{position:relative;margin:10px 0;overflow:auto}
114 .doc-tab,.guide{min-height:100px;}
115 .doc-tab .clr,.guide .clr{clear:both}
116 .doc-tab p,.guide p{padding:0;margin:0 0 1em}
117 .doc-tab em,.guide em{font-style:italic}
118 .doc-tab strong,.guide strong{font-weight:bold}
119 .doc-tab ul,.guide ul{margin:0 0 1em 2em;}
120 .doc-tab ul li,.guide ul li{list-style:disc outside}
121 .doc-tab h3,.guide h3{font-weight:bold;font-size:1.1em}
122 .doc-tab h4,.guide h4{font-weight:bold}
123 #container .guide{top:10px;padding-right:10px;font-size:14px;}
124 #container .guide h1{background:url("doc-m.png") no-repeat -5px 0;padding:5px 0 10px 55px;font-family:"klavika-web-1","klavika-web-2",sans-serif;letter-spacing:-1px;margin-bottom:16px;font-size:2.3em;color:#66ab16}
125 #container .guide h2{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-1px;line-height:20px;border-bottom:1px solid #f1f1f1;font-size:20px;font-weight:bold;color:#314e64;margin:30px 0 15px;padding-bottom:5px}
126 #container .guide h3{font-weight:bold;color:#314e64;margin-top:1em;font-size:14px;line-height:16px;margin-bottom:4px}
127 #container .guide hr{display:none}
128 .doc-tab .lft{margin:0 20px;padding:20px 0;}
129 .doc-tab .lft .deprecated{font-weight:bold;text-transform:uppercase;color:#fff;font-size:.7em;border-radius:2px;-moz-border-radius:2px;margin-left:5px;padding:0 3px;background-color:#a00}
130 .doc-tab .lft .new{font-weight:bold;color:#fff;font-size:.7em;border-radius:2px;-moz-border-radius:2px;margin-left:5px;padding:0 3px;background-color:#0a0}
131 .doc-tab .lft .cfgGroup{margin:10px 0 3px 0}
132 .doc-tab .members{color:#444;padding-top:10px;clear:both;}
133 .doc-tab .members :first-child{padding-top:0}
134 .doc-tab .members .pre{font-family:"Menlo","Courier New",Courier,monospace;font-size:.9em}
135 .doc-tab .members .definedBy{float:right;padding:20px 20px 0 0;font-weight:bold;color:#666}
136 .doc-tab .members h3.pa{padding:10px 0 5px 0}
137 .doc-tab .members h3.p{padding:15px 0 10px 30px;font-size:1.3em;font-weight:bold;}
138 .doc-tab .members h3.p.cfg{background:url("configs.png") no-repeat 0 15px}
139 .doc-tab .members h3.p.prp{background:url("properties.png") no-repeat 0 19px}
140 .doc-tab .members h3.p.mth{background:url("methods.png") no-repeat 0 16px}
141 .doc-tab .members h3.p.evt{background:url("events.png") no-repeat 0 11px}
142 .doc-tab .members ul ul{list-style:circle;margin-top:1em}
143 .doc-tab .members .sub-desc{margin:.5em 0 1em}
144 .doc-tab .members .description .short p{margin:0}
145 .doc-tab .members a{text-decoration:none}
146 .doc-tab .members .member.f{border-width:1px}
147 .doc-tab .members .member{position:relative;min-height:2.5em;border-style:solid;border-color:#d0d0d0;border-width:0 1px 1px 1px;padding:5px 22px;}
148 .doc-tab .members .member .long{display:none}
149 .doc-tab .members .member .meta{float:right;text-align:right}
150 .doc-tab .members .member a.definedIn{color:#888;font-size:.9em;}
151 .doc-tab .members .member a.definedIn:hover{color:#0464bb}
152 .doc-tab .members .member a.more{display:block;position:absolute;top:0;left:0;bottom:0;background:#aaa;background:-webkit-gradient(linear,left top,right top,from(#f9f9f9),to(#eff0f2));background:-moz-linear-gradient(left,#f9f9f9,#eff0f2);}
153 .doc-tab .members .member a.more span{display:block;width:15px}
154 .doc-tab .members .member a.more.ar span{background:url("member-collapsed.gif") no-repeat 2px 2px}
155 .doc-tab .members .member a.more.ar:hover span{background:url("member-hover.gif") no-repeat 2px 2px}
156 .doc-tab .members .member a.viewSource{color:rgba(0,0,0,0);-webkit-transition:color .2s linear;font-size:.9em;}
157 .doc-tab .members .member a.viewSource:hover{color:#0464bb}
158 .doc-tab .members .member:hover a.viewSource{color:#808080;-webkit-transition:color .2s linear}
159 .doc-tab .members .member.open a.more.ar{background:-webkit-gradient(linear,left top,right top,from(#ebf3fe),to(#d9e8fc));background:-moz-linear-gradient(left,#ebf3fe,#d9e8fc);}
160 .doc-tab .members .member.open a.more.ar span{background:url("member-expanded.gif") no-repeat 1px 2px}
161 .doc-tab .members .member.open .short{display:none}
162 .doc-tab .members .member.open .long{display:block}
163 .doc-tab .members .member .cls{font-weight:bold}
164 .doc-tab .members .member .title{padding-bottom:3px}
165 #doc-overview img.screenshot{display:block;padding:10px 0}
166 #doc-overview .subclasses{border-radius:5px;-moz-border-radius:5px;background-color:#f7f7f7;border:1px solid #ebebeb;padding:0 15px 15px 10px;float:right;margin:0 0 20px 20px;font-size:12px;}
167 #doc-overview .subclasses h4{font-family:HelveticaNeue,Helvetica,Arial,sans-serif;font-size:90%;padding:11px 0 5px 0;text-transform:uppercase;color:#999}
168 #doc-overview .subclasses .mixin{padding:0 0 0 12px;margin-top:3px}
169 #doc-overview .subclasses .subclass{background:url("elbow-end.gif") no-repeat -5px 0;margin-top:3px;padding:0 0 0 12px;}
170 #doc-overview .subclasses .subclass.f{background:none;padding-left:15px}
171 #doc-examples{display:relative;min-height:440px;}
172 #doc-examples .expl{padding:20px 0 10px 0}
173 #doc-examples h1{font-family:Arial;font-size:1.6em}
174 #doc-examples h2{padding-bottom:10px}
175 #doc-examples .egCode{width:400px;margin-bottom:10px}
176 #doc-examples .codemirrorCode,#doc-examples .cssCode{border:2px solid #aaa;margin-bottom:10px}
177 #doc-examples .exampleIframe{position:absolute;left:20px;right:20px;top:20px;}
178 #doc-examples .exampleIframe iframe{border:0;width:100%;height:100%}
179 #doc-examples .CodeMirror{height:300px}
180 #doc-examples .examplesList{float:left;width:200px;}
181 #doc-examples .examplesList .item a{font-weight:bold;min-height:230px;display:block;float:left;width:250px;text-align:center;margin:0 15px;}
182 #doc-examples .examplesList .item a img{padding-bottom:5px}
183 #doc-examples .rhs{margin-left:220px;}
184 #doc-examples .rhs .doc-tab{left:240px;top:131px;bottom:20px;right:20px;margin-top:-77px;padding:20px}
185 .member-links{border-width:0 0 1px 0;border-style:solid;border-color:#bfbfbf;}
186 .member-links .num{font-size:.8em;position:relative;top:-4px}
187 .member-links .expandAllMembers{background:url("expandcollapse.png") no-repeat -14px 2px}
188 .member-links .collapseAllMembers{background:url("expandcollapse.png") no-repeat 2px 2px}
189 .member-links .member_sm{position:absolute;padding:5px 15px 10px;background:#eaeaea;z-index:8;top:21px;line-height:1.3em;border:1px solid #bfbfbf;border-top:1px solid #eaeaea;left:-16px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;}
190 .member-links .member_sm h2{font-weight:bold;text-decoration:underline;padding-bottom:5px}
191 .member-links .member_sm a{display:block;position:relative;padding:2px 30px 2px 0;color:#0464bb;white-space:nowrap;}
192 .member-links .member_sm a:hover{color:#083772;text-decoration:underline}
193 .member-links .member_sm .l{vertical-align:top}
194 #doc-source .x-panel-body-default{background:#f7f7f7;padding:0;margin:0;}
195 #doc-source .x-panel-body-default .prettyprint{background-color:#f7f7f7;line-height:1.3em;overflow-x:auto;overflow-y:hidden;font-size:11px;border:0;margin:0;padding:10px;overflow:none}
196 #doc-source .x-panel-body-default .prettyprint code{font-family:"Menlo","Courier New",Courier,monospace}
197 #doc-source .x-panel-body-default .prettyprint i,#doc-source .x-panel-body-default .prettyprint em{font-style:normal}
198 #treePanel{position:absolute;top:75px;width:240px;padding:50px 0 0 0;}
199 #treePanel .x-grid-cell-inner{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:13px;position:relative;-webkit-transition:background-color .15s linear;}
200 #treePanel .x-grid-cell-inner a.fav{display:block;width:15px;height:15px;position:absolute;right:3px;z-index:20;top:0}
201 #treePanel .x-grid-cell-inner .icon-pkg{background:url("icons.png") no-repeat -3px -57px !important}
202 #treePanel .x-grid-cell-inner .icon-class{background:url("icons.png") no-repeat -3px -84px !important}
203 #treePanel .x-grid-cell-inner .icon-singleton{background:url("icons.png") no-repeat -3px -111px !important}
204 #treePanel .x-grid-cell-inner .icon-component{background:url("icons.png") no-repeat -3px -137px !important}
205 #treePanel .x-grid-cell-inner .icon-book{background:url("icons.png") no-repeat -3px -5px !important}
206 #treePanel .x-grid-cell-inner .icon-event{background:url("icons.png") no-repeat -3px -245px !important}
207 #treePanel .x-grid-cell-inner .icon-property{background:url("icons.png") no-repeat -3px -192px !important}
208 #treePanel .x-grid-cell-inner .icon-method{background:url("icons.png") no-repeat -3px -165px !important}
209 #treePanel .x-grid-cell-inner .icon-config{background:url("icons.png") no-repeat -3px -219px !important}
210 #treePanel .x-grid-cell-inner .icon-subclass{background:url("icons.png") no-repeat -3px -299px !important}
211 #treePanel .x-grid-cell-inner .icon-fav{background:url("favorite2.png") no-repeat 0 -2px;padding-left:20px}
212 #treePanel .x-grid-cell-inner .icon-hist{background:url("favorite2.png") no-repeat 0 -40px;padding-left:20px}
213 #treePanel .x-grid-row-over .x-grid-cell-inner{-webkit-transition:background-color .15s linear;}
214 #treePanel .x-grid-row-over .x-grid-cell-inner a.fav{background:url("favorite.png") no-repeat -21px -1px;}
215 #treePanel .x-grid-row-over .x-grid-cell-inner a.fav:hover{background:url("favorite.png") no-repeat -2px -1px}
216 #treePanel .x-grid-row-over .x-tree-node-el.fav a.fav{background:url("favorite.png") no-repeat -2px -1px}
217 #treePanel .x-panel-body{background:#f8f8f8}
218 #treePanel .sortBy{position:relative;padding-bottom:10px;}
219 #treePanel .sortBy #expandAll{width:13px;height:15px;position:absolute;top:4px;right:40px;display:block;background:url("expandcollapse.png") no-repeat -14px 2px}
220 #treePanel .sortBy #collapseAll{width:13px;height:15px;position:absolute;top:4px;right:20px;display:block;background:url("expandcollapse.png") no-repeat 0 2px}
221 #treePanel h2{text-transform:uppercase;font-weight:bold;font-family:"Helvetica Neue";color:#8a8a8a}
222 #treePanel .favorites{padding:10px;margin:0 10px 10px 0}
223 .treePanel{position:absolute;top:215px;bottom:20px;overflow:auto;width:230px}
224 .piechartLinks a{text-decoration:none;padding-left:15px}
225 .piechartLinks .a0{background:url("piecharts.png") no-repeat 0 -78px}
226 .piechartLinks .a1{background:url("piecharts.png") no-repeat 0 -61px}
227 .piechartLinks .a2{background:url("piecharts.png") no-repeat 0 -45px}
228 .piechartLinks .a3{background:url("piecharts.png") no-repeat 0 -29px}
229 .piechartLinks .a4{background:url("piecharts.png") no-repeat 0 -13px}
230 .piechartLinks .a5{background:url("piecharts.png") no-repeat 0 3px}
231 .piechartLinks .ra0{background:url("piecharts_red.png") no-repeat 0 -78px;min-width:15px;min-height:15px}
232 .piechartLinks .ra1{background:url("piecharts_red.png") no-repeat 0 -61px;min-width:15px;min-height:15px}
233 .piechartLinks .ra2{background:url("piecharts_red.png") no-repeat 0 -45px;min-width:15px;min-height:15px}
234 .piechartLinks .ra3{background:url("piecharts_red.png") no-repeat 0 -29px;min-width:15px;min-height:15px}
235 .piechartLinks .ra4{background:url("piecharts_red.png") no-repeat 0 -13px;min-width:15px;min-height:15px}
236 .piechartLinks .ra5{background:url("piecharts_red.png") no-repeat 0 3px;min-width:15px;min-height:15px}
237 .icon-pkg{background:url("icons.png") no-repeat -3px -57px !important}
238 .icon-class{background:url("icons.png") no-repeat -3px -84px !important}
239 .icon-singleton{background:url("icons.png") no-repeat -3px -111px !important}
240 .icon-component{background:url("icons.png") no-repeat -3px -137px !important}
241 .icon-book{background:url("icons.png") no-repeat -3px -5px !important}
242 .icon-event{background:url("icons.png") no-repeat -3px -245px !important}
243 .icon-property{background:url("icons.png") no-repeat -3px -192px !important}
244 .icon-method{background:url("icons.png") no-repeat -3px -165px !important}
245 .icon-config{background:url("icons.png") no-repeat -3px -219px !important}
246 .icon-subclass{background:url("icons.png") no-repeat -3px -299px !important}
247 .icon-fav{background:url("favorite2.png") no-repeat 0 -2px;padding-left:20px}
248 .icon-hist{background:url("favorite2.png") no-repeat 0 -40px;padding-left:20px}
249 .cfgStats{margin-top:10px;}
250 .cfgStats th{padding:10px;font-weight:bold}
251 .cfgStats td{padding:10px;vertical-align:top}
252 .cfgStats .o td{background-color:#eee}
253 .searchResults th{text-align:left;font-weight:bold}
254 .searchResults td{height:20px;border-top:1px solid #ccc;padding:3px 6px 3px 3px}
255 .searchResults .icn{width:20px;height:20px}
256 .searchResults .result{font-weight:bold}
257 .historyBut button{border:0;padding-right:10px;background:url("http://192.168.1.144:3000/resources/themes/images/default/button/arrow.gif") no-repeat top right}
258 .notice{background-color:#fff99c;text-align:center;color:#434343;font-weight:bold;padding:8px 0}
259 .wrapper{position:relative}