unboxed-less 1.2.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. data/.gitignore +4 -0
  2. data/CHANGELOG +62 -0
  3. data/LICENSE +179 -0
  4. data/README.md +48 -0
  5. data/Rakefile +60 -0
  6. data/VERSION +1 -0
  7. data/bin/lessc +92 -0
  8. data/lib/ext.rb +31 -0
  9. data/lib/less.rb +32 -0
  10. data/lib/less/command.rb +98 -0
  11. data/lib/less/engine.rb +55 -0
  12. data/lib/less/engine/grammar/common.tt +29 -0
  13. data/lib/less/engine/grammar/entity.tt +130 -0
  14. data/lib/less/engine/grammar/less.tt +326 -0
  15. data/lib/less/engine/nodes.rb +9 -0
  16. data/lib/less/engine/nodes/element.rb +278 -0
  17. data/lib/less/engine/nodes/entity.rb +79 -0
  18. data/lib/less/engine/nodes/function.rb +84 -0
  19. data/lib/less/engine/nodes/literal.rb +171 -0
  20. data/lib/less/engine/nodes/property.rb +231 -0
  21. data/lib/less/engine/nodes/ruleset.rb +12 -0
  22. data/lib/less/engine/nodes/selector.rb +44 -0
  23. data/spec/command_spec.rb +102 -0
  24. data/spec/css/accessors.css +18 -0
  25. data/spec/css/big.css +3768 -0
  26. data/spec/css/colors.css +14 -0
  27. data/spec/css/comments.css +9 -0
  28. data/spec/css/css-3.css +17 -0
  29. data/spec/css/css.css +50 -0
  30. data/spec/css/functions.css +6 -0
  31. data/spec/css/import.css +12 -0
  32. data/spec/css/lazy-eval.css +1 -0
  33. data/spec/css/mixins-args.css +32 -0
  34. data/spec/css/mixins.css +28 -0
  35. data/spec/css/operations.css +28 -0
  36. data/spec/css/parens.css +20 -0
  37. data/spec/css/rulesets.css +17 -0
  38. data/spec/css/scope.css +11 -0
  39. data/spec/css/selectors.css +13 -0
  40. data/spec/css/strings.css +12 -0
  41. data/spec/css/variables.css +7 -0
  42. data/spec/css/whitespace.css +7 -0
  43. data/spec/engine_spec.rb +112 -0
  44. data/spec/less/accessors.less +20 -0
  45. data/spec/less/big.less +4810 -0
  46. data/spec/less/colors.less +35 -0
  47. data/spec/less/comments.less +46 -0
  48. data/spec/less/css-3.less +45 -0
  49. data/spec/less/css.less +104 -0
  50. data/spec/less/exceptions/mixed-units-error.less +3 -0
  51. data/spec/less/exceptions/name-error-1.0.less +3 -0
  52. data/spec/less/exceptions/syntax-error-1.0.less +3 -0
  53. data/spec/less/functions.less +6 -0
  54. data/spec/less/hidden.less +25 -0
  55. data/spec/less/import.less +8 -0
  56. data/spec/less/import/import-test-a.less +2 -0
  57. data/spec/less/import/import-test-b.less +8 -0
  58. data/spec/less/import/import-test-c.less +7 -0
  59. data/spec/less/import/import-test-d.css +1 -0
  60. data/spec/less/lazy-eval.less +6 -0
  61. data/spec/less/literal-css.less +11 -0
  62. data/spec/less/mixins-args.less +59 -0
  63. data/spec/less/mixins.less +43 -0
  64. data/spec/less/operations.less +39 -0
  65. data/spec/less/parens.less +26 -0
  66. data/spec/less/rulesets.less +30 -0
  67. data/spec/less/scope.less +32 -0
  68. data/spec/less/selectors.less +24 -0
  69. data/spec/less/strings.less +14 -0
  70. data/spec/less/variables.less +24 -0
  71. data/spec/less/whitespace.less +34 -0
  72. data/spec/spec.css +50 -0
  73. data/spec/spec_helper.rb +8 -0
  74. data/unboxed-less.gemspec +121 -0
  75. metadata +140 -0
@@ -0,0 +1,4810 @@
1
+ /*
2
+ * CitySquares 2009
3
+ *
4
+ * Michael LeBarron
5
+ * Justin Leider
6
+ * Bob Leland
7
+ */
8
+
9
+ /* Colors
10
+ * -----------------------------------------------------------------------------------
11
+ * Base:
12
+ * #EDF8FC (background blue)
13
+ * #166C89 (darkest blue)
14
+ * #1F9EC9 (dark blue)
15
+ * #5FC5E7 (med blue)
16
+ * #ACE1F2 (light blue)
17
+ * #E2EDC9 (light green)
18
+ * #5F8134 (dark green)
19
+ * #FFF1D1 (light yellow)
20
+ * #FECD57 (dark yellow)
21
+ * #FF9933 (orange)
22
+ *
23
+ * Text:
24
+ * #333 (standard text)
25
+ * #1F9EC9 (standard link)
26
+ * #557D33 (green)
27
+ *
28
+ */
29
+
30
+ /* @group Variables
31
+ ----------------------------------------------------------------------------------- */
32
+ @linkBlue: #1F9EC9;
33
+
34
+ /* @group Core Setup
35
+ ----------------------------------------------------------------------------------- */
36
+
37
+ html { background: @linkBlue; }
38
+ #doc4 { color: #333; min-width: 974px; }
39
+ #bd { background: #FFF; }
40
+ #yui-main { padding-top: .5em; }
41
+ #cs-main { margin: 0 .5em;}
42
+ .yui-t6 .yui-b { margin-right: .5em; }
43
+
44
+ /* @end */
45
+
46
+ /* @group Show/Hide
47
+ ----------------------------------------------------------------------------------- */
48
+
49
+ #moreHoods { display: block; }
50
+
51
+ .js #location-navigation-form .form-submit,
52
+ .js #business-listing-form .form-submit,
53
+ .js #detailTabs ul,
54
+ .js #detailsEnhanced #addTags,
55
+ .js #locationSearchList,
56
+ .js #moreHoods,
57
+ #navListLeft
58
+ { display: none; }
59
+
60
+ .js #navListLeft { display: block; }
61
+
62
+ /* @end */
63
+
64
+
65
+ /* @group Useful Stuff
66
+ ----------------------------------------------------------------------------------- */
67
+ .grey { color: #666; }
68
+ .light-grey { color: #CCC; }
69
+ .centerText { text-align: center; }
70
+ .rightFloat { float: right; display: inline; }
71
+ .leftFloat { float: left; display: inline; }
72
+ .inline { display: inline; }
73
+ .hide { display: none; }
74
+ .clear { clear: both; height: 0; width: 0; margin: 0; padding: 0; }
75
+ .zeroOut { margin: 0; padding: 0; }
76
+ .pad { padding-top: .75em; }
77
+ .indent { padding-left: .5em; }
78
+ div.c1 { text-align: center; }
79
+ .bigText { font-size: 123%; }
80
+ .warning { color: red; }
81
+
82
+ /* @group Separators
83
+ ----------------------------------------------------------------------------------- */
84
+ .separator {
85
+ display: inline;
86
+ overflow: hidden;
87
+ width: 0;
88
+ padding: 0;
89
+ border-left: 1px solid #6ACBE8;
90
+ border-right: 1px solid #FFF;
91
+ }
92
+
93
+
94
+ /* @end */
95
+
96
+
97
+ /* @group Loaders
98
+ ----------------------------------------------------------------------------------- */
99
+
100
+ .loading { background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; }
101
+ .formThrobbing { background: #FFF url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 99% 50%; }
102
+
103
+ /* @end */
104
+
105
+
106
+ /* @end */
107
+
108
+ /* @group Messages
109
+ ----------------------------------------------------------------------------------- */
110
+
111
+ div.messages { margin: .5em; padding: .5em; line-height: 150%; }
112
+
113
+ div.messages .title { font-weight: bold; font-size: 153.9%;}
114
+
115
+ div.messages ul {
116
+ padding-left: 1em;
117
+ list-style: none;
118
+ }
119
+
120
+ div.error {
121
+ background: #FACC4C;
122
+ border: 1px solid #E4AD05;
123
+ color: #A05218;
124
+ }
125
+
126
+ div.error li {
127
+ list-style: none;
128
+ background: url("http://static.csimg.com/v2/img/icon-error.png") no-repeat left;
129
+ padding-left: 24px;
130
+ line-height: 24px;
131
+ }
132
+
133
+ div.status {
134
+ background: #AAD08C url("http://static.csimg.com/v2/img/background-success.gif") repeat-x top;
135
+ border: 1px solid #84B858;
136
+ color: #466428;
137
+ padding: 5px;
138
+ }
139
+
140
+ div.status li {
141
+ list-style: none;
142
+ background: url("http://static.csimg.com/v2/img/icon-success.png") no-repeat left;
143
+ padding-left: 24px;
144
+ line-height: 24px;
145
+ }
146
+
147
+ /* @end */
148
+
149
+ /* @group Boxes
150
+ ----------------------------------------------------------------------------------- */
151
+
152
+ .cs-blue-fade { border: 1px solid #B6E6F3; background: #E6F7FB url("http://static.csimg.com/v2/img/cs-blueFadeUpBG.gif") repeat-x bottom left; padding: .5em; color: #1A85A8; font-size: 12px; margin: .5em;}
153
+ .cs-blue-fade p { padding: .5em 0; }
154
+ .cs-blue-fade img { padding: 0 1em 0 0; float: left; }
155
+
156
+ .cs-green-solid { border: 4px solid #BDD685; background: #E2EDC9; padding: 1em; color: #647836; font-size: 12px; margin: .5em;}
157
+ .cs-green-solid .pricing { font-size: 9px; margin: 0 .5em; float: left; width: 40%; }
158
+ .cs-green-solid .pricing-top { font-size: 11px; }
159
+ .cs-green-solid .pricing-top span { font-size: 31px; color: #3C3C3C; }
160
+ .cs-green-solid .pricing-bottom { height: 50px; width: 78px; background: url("http://static.csimg.com/v2/img/cs-cta-pricing.png") no-repeat bottom left; margin: ;}
161
+
162
+ /* @end */
163
+
164
+
165
+ /* @end */
166
+
167
+ /* @group Headers
168
+ ----------------------------------------------------------------------------------- */
169
+
170
+ h1, h2, h3, h4, h5 { font-size: 153.9%; font-weight: bold; color: #166C89; }
171
+ h2 { font-size: 123.1%; }
172
+ h3 { color: #1F9EC9; margin: .5em 0; }
173
+ h4 { color: #666; }
174
+ h5 { text-transform: uppercase; font-size: 116%; color: #666; padding: 0; margin: 0 .25em; }
175
+ h6 { color: #666; font-size: 100%; font-weight: bold; }
176
+
177
+ .subtitle { color: #999; }
178
+
179
+ #homeMain #new h3 {
180
+ margin: 0;
181
+ padding: .2em 0 1em 0;
182
+ font-size: 100%;
183
+ color: #667B4C;
184
+ }
185
+
186
+ /* @end */
187
+
188
+ /* @group Header
189
+ ----------------------------------------------------------------------------------- */
190
+
191
+ #mainHeader {
192
+ background: #1F9EC9;
193
+ padding: .5em;
194
+ border-bottom: 3px solid #5FC5E7;
195
+ }
196
+
197
+ .logo {
198
+ display: block;
199
+ text-indent: -9999em;
200
+ overflow: hidden;
201
+ width: 181px;
202
+ height: 26px;
203
+ background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 0;
204
+ float: left;
205
+ }
206
+
207
+ .tagline {
208
+ text-indent: -9999px;
209
+ overflow: hidden;
210
+ display: block;
211
+ float: left;
212
+ background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 -26px;
213
+ width: 160px;
214
+ height: 17px;
215
+ margin-top: .35em;
216
+ }
217
+
218
+ /* @group User Login */
219
+
220
+ #userData {
221
+ color: #ACE1F2;
222
+ font-size: 93%;
223
+ font-weight: bold;
224
+ }
225
+
226
+ #userData ul{
227
+ padding: 0;
228
+ margin: 0;
229
+ }
230
+
231
+ #userData ul li {
232
+ float: right;
233
+ padding: .5em .5em;
234
+ }
235
+
236
+ /* @end */
237
+
238
+ /* @group Search */
239
+
240
+ #headerSearch {
241
+ background: #ACE1F2;
242
+ padding: .5em .5em .5em .4em;
243
+ color: #006581;
244
+ font-weight: bold;
245
+ font-size: 93%;
246
+ }
247
+
248
+ #headerSearch .item {
249
+ float: left;
250
+ }
251
+
252
+ #headerSearch .form-text {
253
+ padding-top: .4em;
254
+ padding-bottom: .4em;
255
+ padding-right: .4em;
256
+ width: auto;
257
+ background-color: #FFF;
258
+ border: 1px solid #69C8E7;
259
+ }
260
+
261
+ #headerSearch span.item {
262
+ padding: .45em .5em 0 .5em;
263
+ }
264
+
265
+ #headerSearch .item .term {
266
+ color: #156782;
267
+ }
268
+
269
+ #headerSearch .item .location {
270
+ padding-left: .5em;
271
+ }
272
+
273
+ #headerSearch .termBG {
274
+ background: #FFF url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -623px 2px;
275
+ border: 1px solid #69C8E7;
276
+ padding-left: 22px;
277
+ }
278
+
279
+ #headerSearch .form-submit {
280
+ float: left;
281
+ width: auto;
282
+ border-top: 1px solid #FF9933;
283
+ border-right: 1px solid #5FC5E7;
284
+ border-bottom: 1px solid #5FC5E7;
285
+ border-left: 1px solid #FF9933;
286
+ padding: .4em .5em .25em;
287
+ margin: 0 0 0 .5em;
288
+ color: #FFF;
289
+ background: #FF9933;
290
+ -moz-border-radius: 2px;
291
+ -webkit-border-radius: 2px;
292
+ }
293
+
294
+ #headerSearch #changeLocField {
295
+ float: left;
296
+ padding-left: .5em;
297
+ }
298
+
299
+ #headerSearch #cancelButton {
300
+ display: block;
301
+ float: left;
302
+ font-size: 85%;
303
+ margin: .75em 0 0 .75em;
304
+ padding: 0;
305
+ }
306
+
307
+ /* @end */
308
+
309
+ /* @group Location Search */
310
+
311
+ #locationSearchList {
312
+ padding: .5em;
313
+ margin-top: -1px;
314
+ color: #333;
315
+ background: #ACE1F2;
316
+ }
317
+
318
+ #locationSearchList img {
319
+ margin: 0 auto;
320
+ display: block;
321
+ }
322
+
323
+ #locationSearchList .cs-yellow-block {
324
+ border: 1px solid #FECD57;
325
+ margin: 0 0 .5em 0;
326
+ }
327
+
328
+ #locationSearchList .cs-blue-block {
329
+ border: 1px solid #B6E6F3;
330
+ margin: 0;
331
+ }
332
+
333
+ #locationSearchList ul {
334
+ margin: 0;
335
+ padding: .5em 0;
336
+ color: #7E7E7E;
337
+ }
338
+
339
+ #locationSearchList ul li{
340
+ padding: .25em 0;
341
+ width:100%;
342
+ }
343
+
344
+
345
+ /* @end */
346
+
347
+ /* @group Nearby */
348
+
349
+ #whatsNearbyButton {
350
+ float: right;
351
+ }
352
+
353
+ /* @end */
354
+
355
+ /* @end */
356
+
357
+ /* @group Navigation
358
+ ----------------------------------------------------------------------------------- */
359
+
360
+ /* @group Main Nav */
361
+
362
+ #homeNavigation,
363
+ #mainNavigation {
364
+ background: #E9F3CF;
365
+ }
366
+
367
+ #homeNavigation {
368
+ color: #5F8134;
369
+ font-size: 93%;
370
+ }
371
+
372
+ #homeNavigation a {
373
+ display: block;
374
+ padding: .65em .3em 0 0;
375
+ float: right;
376
+ color: #5F8134;
377
+ text-decoration: none;
378
+ }
379
+
380
+ #homeNavigation ul {
381
+ margin: 0;
382
+ padding: 0;
383
+ display: inline;
384
+ }
385
+
386
+ #homeNavigation ul li {
387
+ display: block;
388
+ padding: .65em .3em 0 0;
389
+ float: right;
390
+ }
391
+
392
+ #homeNavigation ul li a {
393
+ font-weight: bold;
394
+ display: inline;
395
+ float: none;
396
+ padding: 0;
397
+ }
398
+
399
+ #navBar ul {
400
+ padding: 0;
401
+ margin: 0 0 0 0;
402
+ }
403
+
404
+ #navBar ul li {
405
+ float: right;
406
+ display: inline;
407
+ }
408
+
409
+ #navBar ul li a {
410
+ display: block;
411
+ padding: 1em;
412
+ color: #5F8134;
413
+ font-weight: bold;
414
+ font-size: 93%;
415
+ text-decoration: none;
416
+ }
417
+ #navBar ul li a:hover,
418
+ #navBar ul li.current a {
419
+ color: #666;
420
+ background: #FFF;
421
+ }
422
+
423
+ #navBar .navBackground {
424
+ color: #666;
425
+ background: #FFF;
426
+ }
427
+
428
+ .lavaLamp {
429
+ position: relative;
430
+ overflow: hidden;
431
+ }
432
+
433
+ .lavaLamp li.navBackground {
434
+ z-index: 8;
435
+ position: absolute;
436
+ width: 0px;
437
+ }
438
+
439
+ .lavaLamp li a {
440
+ z-index: 10;
441
+ display: block;
442
+ position: relative;
443
+ overflow: hidden;
444
+ }
445
+
446
+ #navBar ul li.navSeparator {
447
+ border-left: 1px solid #C1DE74;
448
+ border-right: 1px solid #FFF;
449
+ margin: .8em .5em 0 .5em;
450
+ display: inline;
451
+ width: 0px;
452
+ overflow: hidden;
453
+ }
454
+
455
+ /* @end */
456
+
457
+ /* @group Where Am I */
458
+
459
+
460
+ #whereAmI h1,
461
+ #homeNavigation h1,
462
+ #whereAmI h2,
463
+ #homeNavigation h2 {
464
+ margin: 0;
465
+ padding: .65em 0 0 .5em;
466
+ color: #608235;
467
+ font-size: 123.1%;
468
+ float: left;
469
+ font-weight: bold;
470
+ }
471
+
472
+ #homeNavigation h1,
473
+ #homeNavigation h2 {
474
+ padding: .65em 0 .65em .5em;
475
+ font-size: 100%;
476
+ font-weight: normal;
477
+ }
478
+
479
+ #whereAmI h1 span,
480
+ #whereAmI h2 span {
481
+ color: #666;
482
+ }
483
+
484
+ #whereAmI h1 a,
485
+ #whereAmI h2 a {
486
+ color: #608235;
487
+ text-decoration: none;
488
+ }
489
+
490
+ #whereAmI a#changeLocation,
491
+ #mainNavigation a#cancelButton,
492
+ #homeNavigation a#cancelButton {
493
+ display: block;
494
+ float: left;
495
+ color: #608235;
496
+ font-size: 85%;
497
+ margin: 1.4em 0 0 .75em;
498
+ padding: 0;
499
+ }
500
+
501
+ #mainNavigation input,
502
+ #homeNavigation input {
503
+ float: left;
504
+ margin: .4em 0 0 .75em;
505
+ width: auto;
506
+ padding: .5em;
507
+ border: 1px solid #5F8134;
508
+ }
509
+
510
+ #mainNavigation .form-submit,
511
+ #homeNavigation .form-submit {
512
+ width: auto;
513
+ border-top: 1px solid #FF9933;
514
+ border-right: 1px solid #608235;
515
+ border-bottom: 1px solid #608235;
516
+ border-left: 1px solid #FF9933;
517
+ padding: .4em .5em .4em;
518
+ color: #FFF;
519
+ background: #FF9933;
520
+ }
521
+
522
+ .form-submit:hover {
523
+ cursor: pointer;
524
+ }
525
+ /* @end */
526
+
527
+ #breadcrumb {
528
+ border-bottom: 1px solid #E9E9E9;
529
+ padding: .8em 0;
530
+ margin: 0 .6em;
531
+ color: #6e6e6e;
532
+ font-size: 85%;
533
+ }
534
+
535
+ #breadcrumb a {
536
+ color: #6e6e6e;
537
+ text-decoration: none;
538
+ }
539
+
540
+ #breadcrumb a:hover {
541
+ color: #333;
542
+ }
543
+
544
+ /* @group Nav List */
545
+
546
+ #hoodNavList,
547
+ #moreHoods {
548
+ border-bottom: 1px solid #E9E9E9;
549
+ background: #F8FBF0;
550
+ padding: .5em;
551
+ }
552
+
553
+ #hoodNavList { border-top: 1px solid #D9EAB0; }
554
+
555
+ #navListLeft { background: #FFF; border: 1px solid #D9EAB0; position: relative; }
556
+
557
+ .distance { color: #7E7E7E; font-size: 85%; }
558
+
559
+ #hoodMap { height: 20em; }
560
+
561
+
562
+ /* @end */
563
+
564
+
565
+ /* @end */
566
+
567
+ /* @group Links
568
+ ----------------------------------------------------------------------------------- */
569
+
570
+ a { color: #1F9EC9; }
571
+ a:hover,
572
+ .cleanLinks a { text-decoration: none; }
573
+ .cleanLinks a:hover { text-decoration: underline; }
574
+
575
+ .greenLinks a { color: #557D33; }
576
+ .whiteLinks a { color: #FFF; }
577
+ .darkBlueLinks a { color: #166C89; }
578
+
579
+ .pointer:hover { cursor: pointer; }
580
+
581
+ #hoodNavList a, #moreHoods a { color: #557D33; }
582
+
583
+ #findLogin a {
584
+ float: right;
585
+ height: 34px;
586
+ width: 150px;
587
+ background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -458px -127px;
588
+ display: block;
589
+ }
590
+
591
+ #homeMain #ownText a { font-weight: bold; }
592
+
593
+ a#addBusinessButton,
594
+ a#upgradeProfileButton {
595
+ background-image: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png");
596
+ background-repeat: no-repeat;
597
+ }
598
+
599
+ a#addBusinessButton {
600
+ display: block;
601
+ height: 42px;
602
+ width: 175px;
603
+ text-indent: -9999em;
604
+ background-position: -0 -28px;
605
+ float: left;
606
+ }
607
+
608
+ a#addBusinessButton:hover { background-position: -0 -75px; }
609
+ a#addBusinessButton.click { background-position: -0 -123px; }
610
+
611
+ a#upgradeProfileButton {
612
+ display: block;
613
+ height: 42px;
614
+ width: 165px;
615
+ text-indent: -9999em;
616
+ background-position: -181px -28px;
617
+ float: left;
618
+ }
619
+
620
+ a#upgradeProfileButton:hover { background-position: -181px -75px; }
621
+ a#upgradeProfileButton.click { background-position: -181px -123px; }
622
+
623
+ #claimBusiness a { font-size: 93%; }
624
+
625
+ /* @end */
626
+
627
+ /* @group Events
628
+ ----------------------------------------------------------------------------------- */
629
+
630
+ p.date {
631
+ padding: 0;
632
+ margin: 0 .5em 0 1em;
633
+ width: 42px;
634
+ background: url("http://static.csimg.com/v2/img/background-events-icon.gif") no-repeat;
635
+ text-align: center;
636
+ font-size: 10px;
637
+ float: left;
638
+ display: block;
639
+ }
640
+
641
+ p.date span.month {
642
+ color: #FFF;
643
+ text-transform: uppercase;
644
+ display: block;
645
+ line-height: 18px;
646
+ }
647
+
648
+ p.date span.day {
649
+ font-size: 16px;
650
+ color: #666;
651
+ font-weight: bold;
652
+ line-height: 26px;
653
+ display: block;
654
+ }
655
+
656
+ p.date span.hour {
657
+ font-size: 12px;
658
+ color: #666;
659
+ font-weight: bold;
660
+ line-height: 26px;
661
+ display: block;
662
+ }
663
+
664
+ p.date span.date {
665
+ display: block;
666
+ }
667
+
668
+ li.event {
669
+ color: #6C6C6C;
670
+ }
671
+
672
+ li.event .info {
673
+ padding-left: 65px;
674
+ }
675
+
676
+ /* @end */
677
+
678
+
679
+ /* @group HR
680
+ ----------------------------------------------------------------------------------- */
681
+
682
+ hr { height: 0; border: none; }
683
+ hr.blue { border: 1px solid #C0E9F5; margin: .2em 0 0 0; }
684
+ hr.grey { background: #E1E1E1; }
685
+ hr.fade { border-top: 1px solid #C0E9F5; border-bottom: 1px solid #FFF; }
686
+ hr.darkFade { border-top: 1px solid #7EDAF1; border-bottom: 1px solid #FFF; }
687
+ hr.greyFade { border-top: 1px solid #D9D7D5; border-bottom: 1px solid #FFF; }
688
+
689
+ /* @end */
690
+
691
+ /* @group UI
692
+ ----------------------------------------------------------------------------------- */
693
+
694
+ .csButton {
695
+ border: 1px solid;
696
+ border-left-color: #FFF;
697
+ border-top-color: #FFF;
698
+ border-right-color: #61C6E7;
699
+ border-bottom-color: #61C6E7;
700
+ padding: .3em .5em;
701
+ font-size: 93%;
702
+ font-weight: bold;
703
+ background: #EDF9FC;
704
+ color: #1F9EC9;
705
+ cursor: pointer;
706
+ }
707
+
708
+ .csButton:hover {
709
+ background: #FFF;
710
+ }
711
+
712
+ .csButton span {
713
+ position: relative;
714
+ top: .5em;
715
+ margin-left: .4em;
716
+ }
717
+
718
+ .print {
719
+ background: #D2E9AD;
720
+ font-weight: bold;
721
+ border: 1px solid #BADE85;
722
+ border-radius: 5px;
723
+ -moz-border-radius: 5px;
724
+ -webkit-border-radius: 5px;
725
+ color: #9A9A9A;
726
+ font-size: 93%;
727
+ padding: .3em .8em;
728
+ margin: .5em;
729
+ text-align: center;
730
+ }
731
+
732
+ .print a {
733
+ color: #4F6B1F;
734
+ text-decoration: none;
735
+ display: block;
736
+ width: 100%;
737
+ }
738
+
739
+ .cs-green-button, .cs-grey-button {
740
+ border: 1px solid;
741
+ padding: .25em .5em;
742
+ margin: .25em .25em;
743
+ }
744
+
745
+ .cs-green-button {
746
+ background: #D2E9AD;
747
+ border-color: #B1CE6F;
748
+ }
749
+
750
+ .cs-grey-button {
751
+ background: #E0E0E0;
752
+ border-color: #D4D4D4;
753
+ }
754
+
755
+ .cs-green-button a, .cs-grey-button a {
756
+ font-size: 85%;
757
+ font-weight: bold;
758
+ text-decoration: none;
759
+ }
760
+
761
+ .cs-green-button a {
762
+ color: #627632;
763
+ }
764
+
765
+ .cs-grey-button a {
766
+ color: #666;
767
+ }
768
+
769
+ #tooltip {
770
+ float: left;
771
+ font-size: 85%;
772
+ max-width: 15em;
773
+ padding: .5em;
774
+ position: absolute;
775
+ z-index: 99999;
776
+ font-weight: normal;
777
+ }
778
+
779
+ /* @group Big Button
780
+ ----------------------------------------------------------------------------------- */
781
+
782
+
783
+ .cs-button {
784
+ outline: 0;
785
+ margin:0 4px 0 0;
786
+ padding: .4em 1em;
787
+ text-decoration: none;
788
+ cursor:pointer;
789
+ position: relative;
790
+ text-align: center;
791
+ zoom: 1;
792
+ }
793
+
794
+ .cs-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
795
+
796
+ a.cs-button { float:left; }
797
+
798
+ /* remove extra button width in IE */
799
+
800
+ button.cs-button { width:auto; overflow:visible; }
801
+
802
+ /* @end */
803
+
804
+ /* @group Small Button
805
+ ----------------------------------------------------------------------------------- */
806
+
807
+
808
+ .cs-button-small {
809
+ outline: 0;
810
+ margin: 0 4px 0 0;
811
+ padding: .5em 1em;
812
+ text-decoration: none;
813
+ cursor: pointer;
814
+ position: relative;
815
+ text-align: center;
816
+ zoom: 1;
817
+ font-size: 85%;
818
+ }
819
+
820
+ .cs-button-small .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
821
+
822
+ a.cs-button-small { float:left; }
823
+
824
+ /* remove extra button width in IE */
825
+
826
+ button.cs-button-small { width:auto; overflow:visible; }
827
+
828
+
829
+ /* @end */
830
+
831
+ .cs-buttonset { float: left; }
832
+ .cs-buttonset a { text-decoration: none; }
833
+ .cs-buttonset .cs-button { float: left; margin-right: -1px; }
834
+
835
+ .cs-toolbar { padding: .5em; margin: 0; }
836
+ .cs-toolbar .cs-buttonset { margin-right:1.5em; padding-left: 1px; }
837
+ .cs-toolbar .cs-button { font-size: 93%; }
838
+
839
+ /* @group Custom Interactions
840
+ ----------------------------------------------------------------------------------- */
841
+
842
+
843
+ /* @group Grey
844
+ ----------------------------------------------------------------------------------- */
845
+
846
+
847
+ /* Interaction states
848
+ ----------------------------------*/
849
+ .ui-state-default-grey,
850
+ .ui-widget-content-grey .ui-state-default-grey {
851
+ border: 1px solid #E3E1DF;
852
+ background: #FCFCFC;
853
+ color: #909090;
854
+ outline: none;
855
+ }
856
+
857
+ .ui-state-default-grey a {
858
+ color: #1F9EC9;
859
+ text-decoration: none;
860
+ outline: none;
861
+ }
862
+
863
+ .ui-state-hover-grey,
864
+ .ui-widget-content-grey .ui-state-hover-grey,
865
+ .ui-state-focus-grey,
866
+ .ui-widget-content-grey .ui-state-focus-grey,
867
+ .ui-state-default-grey:hover {
868
+ border: 1px solid #E3E1DF;
869
+ background: #FFFFFF;
870
+ color: #666666;
871
+ outline: none;
872
+ }
873
+
874
+ .ui-state-default-grey a:hover { color: #1F9EC9; text-decoration: none; outline: none; }
875
+
876
+
877
+ .ui-state-hover-grey a {
878
+ color: #666666;
879
+ text-decoration: none;
880
+ outline: none;
881
+ }
882
+
883
+ .ui-state-active-grey,
884
+ .ui-widget-content-grey .ui-state-active-grey {
885
+ border: 1px solid #E3E1DF;
886
+ background: #FFFFFF;
887
+ font-weight: bold;
888
+ color: #666666;
889
+ outline: none;
890
+ }
891
+
892
+ .ui-state-active-grey a {
893
+ color: #666666;
894
+ outline: none;
895
+ text-decoration: none;
896
+ }
897
+
898
+ /* Interaction Cues
899
+ ----------------------------------*/
900
+
901
+ .ui-state-highlight-grey,
902
+ .ui-widget-content-grey .ui-state-highlight-grey {
903
+ border: 1px solid #fad42e;
904
+ background: #fbec88;
905
+ color: #363636;
906
+ }
907
+
908
+ .ui-state-error-grey,
909
+ .ui-widget-content-grey .ui-state-error-grey {
910
+ border: 1px solid #cd0a0a;
911
+ background: #fef1ec;
912
+ color: #cd0a0a;
913
+ }
914
+
915
+ .ui-state-error-text-grey,
916
+ .ui-widget-content-grey .ui-state-error-text-grey {
917
+ color: #cd0a0a;
918
+ }
919
+
920
+ .ui-state-disabled-grey,
921
+ .ui-widget-content-grey .ui-state-disabled-grey {
922
+ opacity: .35;
923
+ filter: Alpha(Opacity=35);
924
+ background-image: none;
925
+ }
926
+
927
+ .ui-priority-primary-grey,
928
+ .ui-widget-content-grey .ui-priority-primary-grey {
929
+ font-weight: bold;
930
+ }
931
+
932
+ .ui-priority-secondary-grey,
933
+ .ui-widget-content-grey .ui-priority-secondary-grey {
934
+ opacity: .7;
935
+ filter: Alpha(Opacity=70);
936
+ font-weight: normal;
937
+ }
938
+
939
+ /* Interaction Cues
940
+ ----------------------------------*/
941
+ .ui-state-highlight-grey,
942
+ .ui-widget-content-grey .ui-state-highlight-grey {
943
+ border: 1px solid #fad42e;
944
+ background: #fbec88;
945
+ color: #363636;
946
+ }
947
+
948
+ .ui-state-error-grey,
949
+ .ui-state-error-grey:hover,
950
+ .ui-widget-content-grey .ui-state-error-grey {
951
+ border: 1px solid #cd0a0a;
952
+ background: #fef1ec;
953
+ color: #cd0a0a;
954
+ }
955
+
956
+ .ui-state-error-text-grey,
957
+ .ui-state-error-text-grey:hover,
958
+ .ui-widget-content-grey .ui-state-error-text-grey {
959
+ color: #cd0a0a;
960
+ }
961
+
962
+ .ui-state-error-text-grey:hover {
963
+ background: #fef1ec;
964
+ }
965
+
966
+
967
+ /* @end */
968
+
969
+ /* @group Blue
970
+ ----------------------------------------------------------------------------------- */
971
+
972
+
973
+ /* Interaction states
974
+ ----------------------------------*/
975
+ .ui-state-default:hover {
976
+ border: 1px solid #A2DEF0;
977
+ background: #fcfdfd;
978
+ font-weight: bold;
979
+ color: #1F9EC9;
980
+ outline: none;
981
+ }
982
+
983
+ .ui-state-default a:hover { color: #1F9EC9; text-decoration: none; outline: none; }
984
+
985
+ /* Interaction Cues
986
+ ----------------------------------*/
987
+ .ui-state-highlight,
988
+ .ui-widget-content .ui-state-highlight {
989
+ border: 1px solid #fad42e;
990
+ background: #fbec88;
991
+ color: #363636;
992
+ }
993
+
994
+ .ui-state-error,
995
+ .ui-state-error:hover,
996
+ .ui-widget-content .ui-state-error {
997
+ border: 1px solid #cd0a0a;
998
+ background: #fef1ec;
999
+ color: #cd0a0a;
1000
+ }
1001
+
1002
+ .ui-state-error-text,
1003
+ .ui-state-error-text:hover,
1004
+ .ui-widget-content .ui-state-error-text {
1005
+ color: #cd0a0a;
1006
+ }
1007
+
1008
+ .ui-state-error-text:hover {
1009
+ color: #cd0a0a;
1010
+ background: #fef1ec;
1011
+ cursor: pointer;
1012
+ }
1013
+
1014
+
1015
+
1016
+ /* @end */
1017
+
1018
+ /* @group Green
1019
+ ----------------------------------------------------------------------------------- */
1020
+
1021
+
1022
+
1023
+ .ui-state-default-green,
1024
+ .ui-widget-content-green .ui-state-default-green {
1025
+ border: 1px solid #D3E8A4;
1026
+ background: #F5F9E9;
1027
+ color: #3F8300;
1028
+ outline: none;
1029
+ }
1030
+
1031
+ .ui-state-default-green a {
1032
+ color: #3F8300;
1033
+ text-decoration: none;
1034
+ outline: none;
1035
+ }
1036
+
1037
+ .ui-state-hover-green,
1038
+ .ui-widget-content-green .ui-state-hover-green,
1039
+ .ui-state-focus-green,
1040
+ .ui-widget-content-green .ui-state-focus-green,
1041
+ .ui-state-default-green:hover {
1042
+ border: 1px solid #D3E8A4;
1043
+ background: #FFFFFF;
1044
+ color: #666666;
1045
+ outline: none;
1046
+ }
1047
+
1048
+ .ui-state-default-green a:hover { color: #3F8300; text-decoration: none; outline: none; }
1049
+
1050
+
1051
+ .ui-state-hover-green a {
1052
+ color: #666666;
1053
+ text-decoration: none;
1054
+ outline: none;
1055
+ }
1056
+
1057
+ .ui-state-active-green,
1058
+ .ui-widget-content-green .ui-state-active-green {
1059
+ border: 1px solid #D3E8A4;
1060
+ background: #FFFFFF;
1061
+ font-weight: bold;
1062
+ color: #666666;
1063
+ outline: none;
1064
+ }
1065
+
1066
+ .ui-state-active-green a {
1067
+ color: #666666;
1068
+ outline: none;
1069
+ text-decoration: none;
1070
+ }
1071
+
1072
+ /* @end */
1073
+
1074
+ /* @end */
1075
+
1076
+ /* @group Icons
1077
+ ----------------------------------------------------------------------------------- */
1078
+
1079
+
1080
+ .icon {
1081
+ height: 25px;
1082
+ width: 25px;
1083
+ margin: .2em;
1084
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
1085
+ background-repeat: no-repeat;
1086
+ }
1087
+
1088
+ .small-icon {
1089
+ height: 16px;
1090
+ width: 16px;
1091
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
1092
+ background-repeat: no-repeat;
1093
+ }
1094
+
1095
+ .icon a { text-indent: -9999em; display: block; height: 25px; width: 25px; }
1096
+
1097
+ /* @group Categories
1098
+ ----------------------------------------------------------------------------------- */
1099
+
1100
+ .cat-arts-entertainment,
1101
+ .cat-1 { background-position: -225px -25px; }
1102
+
1103
+ .cat-automotive,
1104
+ .cat-2 { background-position: -100px 0; }
1105
+
1106
+ .cat-business-professional-services,
1107
+ .cat-3 { background-position: -150px 0; }
1108
+
1109
+ .cat-computers-and-internet,
1110
+ .cat-4 { background-position: -400px -25px; }
1111
+
1112
+ .cat-contractors-construction-equipment,
1113
+ .cat-5 { background-position: -200px 0; }
1114
+
1115
+ .cat-education,
1116
+ .cat-6 { background-position: -425px -25px; }
1117
+
1118
+ .cat-finance-insurance,
1119
+ .cat-7 { background-position: -425px 0; }
1120
+
1121
+ .cat-health-medicine,
1122
+ .cat-8 { background-position: -175px 0; }
1123
+
1124
+ .cat-home-garden,
1125
+ .cat-9 { background-position: -200px -25px; }
1126
+
1127
+ .cat-legal,
1128
+ .cat-10 { background-position: -450px 0; }
1129
+
1130
+ .cat-manufacturing-production-wholesale,
1131
+ .cat-11 { background-position: -525px 0; }
1132
+
1133
+ .cat-other,
1134
+ .cat-12 { background-position: -475px 0; }
1135
+
1136
+ .cat-personal-services-care,
1137
+ .cat-13 { background-position: -25px 0; }
1138
+
1139
+ .cat-pets,
1140
+ .cat-14 { background-position: -350px -25px; }
1141
+
1142
+ .cat-real-estate-moving-storage,
1143
+ .cat-15 { background-position: -225px 0; }
1144
+
1145
+ .cat-religious-organizations,
1146
+ .cat-16 { background-position: -500px 0; }
1147
+
1148
+ .cat-restaurants-food-beverages,
1149
+ .cat-17 { background-position: 0 0; }
1150
+
1151
+ .cat-retail-shopping,
1152
+ .cat-18 { background-position: -75px 0; }
1153
+
1154
+ .cat-sports-recreation,
1155
+ .cat-19 { background-position: -375px -25px; }
1156
+
1157
+ .cat-telecommunications,
1158
+ .cat-20 { background-position: -525px -25px; }
1159
+
1160
+ .cat-travel-transportation,
1161
+ .cat-21 { background-position: -500px -25px; }
1162
+
1163
+ /* @end */
1164
+
1165
+ /* @group Feeds
1166
+ ----------------------------------------------------------------------------------- */
1167
+
1168
+ .feed-add_photo,
1169
+ .feed-1 { background-position: -250px -25px; }
1170
+
1171
+ .feed-new_review,
1172
+ .feed-2 { background-position: -300px -25px; }
1173
+
1174
+ .feed-all_star,
1175
+ .feed-4 { background-position: -50px -50px; }
1176
+
1177
+ .feed-new_video,
1178
+ .feed-5 { background-position: -100px -25px; }
1179
+
1180
+ .feed-profile_update,
1181
+ .feed-7 { background-position: -25px -25px; }
1182
+
1183
+ .feed-add_tag,
1184
+ .feed-8 { background-position: 0 -25px; }
1185
+
1186
+ .feed-new_vote,
1187
+ .feed-11 { background-position: -75px -25px; }
1188
+
1189
+ /* @end */
1190
+
1191
+ /* @group Links
1192
+ ----------------------------------------------------------------------------------- */
1193
+
1194
+ a.video {
1195
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
1196
+ background-repeat: no-repeat;
1197
+ background-position: -625px -75px;
1198
+ padding-left: 20px;
1199
+ }
1200
+
1201
+ a.allstar {
1202
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
1203
+ background-repeat: no-repeat;
1204
+ background-position: -625px -50px;
1205
+ padding-left: 17px;
1206
+ }
1207
+
1208
+ #businessHeading a.allstar {
1209
+ background: none;
1210
+ }
1211
+
1212
+ a.add {
1213
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
1214
+ background-repeat: no-repeat;
1215
+ background-position: -625px -98px;
1216
+ padding-left: 15px;
1217
+ }
1218
+
1219
+ /* @end */
1220
+
1221
+ /* @group Other
1222
+ ----------------------------------------------------------------------------------- */
1223
+
1224
+ .icon-number {
1225
+ background-position: -550px 0;
1226
+ color: #FFF;
1227
+ font-size: 11px;
1228
+ font-weight: bold;
1229
+ text-align: center;
1230
+ }
1231
+
1232
+ .icon-number-hover { background-position: -550px -25px; }
1233
+
1234
+ a.blue-close {
1235
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -133px 0;
1236
+ display: block;
1237
+ width: 14px;
1238
+ height: 15px;
1239
+ }
1240
+
1241
+ a.green-close {
1242
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -255px 0;
1243
+ display: block;
1244
+ width: 14px;
1245
+ height: 15px;
1246
+ }
1247
+
1248
+ .cs-wwiaftm {
1249
+ height: 66px;
1250
+ width: 66px;
1251
+ background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -270px 0;
1252
+ }
1253
+
1254
+ .smallLoader {
1255
+ background: url("http://static.csimg.com/img/loaders/cs-smallLoader.20081130.1.gif") no-repeat 50% 50%;
1256
+ height: 16px;
1257
+ width: 16px;
1258
+ display: block;
1259
+ }
1260
+
1261
+ .smallBlueLoader {
1262
+ background: url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 50% 50%;
1263
+ height: 16px;
1264
+ width: 16px;
1265
+ display: block;
1266
+ }
1267
+
1268
+ .icon-country {
1269
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -595px 0;
1270
+ height: 25px;
1271
+ width: 25px;
1272
+ }
1273
+
1274
+ .icon-country a { display: block; height: 25px; width: 25px; }
1275
+
1276
+ .icon-dropdown,
1277
+ .icon-dropdownUp {
1278
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
1279
+ background-repeat: no-repeat;
1280
+ background-position: -600px -25px;
1281
+ height: 15px;
1282
+ width: 15px;
1283
+ float: left;
1284
+ display: inline;
1285
+ margin-left: .5em;
1286
+ margin-top: .7em;
1287
+ cursor: pointer;
1288
+ }
1289
+
1290
+ .icon-dropdownUp {
1291
+ background-position: -600px -50px;
1292
+ }
1293
+
1294
+ .icon-greenArrow { background-position: -25px -50px; float: left; }
1295
+
1296
+ .icon-rss { background-position: -475px -25px; float: right; height: 15px; width: 15px; }
1297
+
1298
+ .icon-fb { background-position: -225px -50px; }
1299
+ .icon-sms { background-position: -250px -50px; }
1300
+ .icon-leave-review { background-position: -300px -50px; }
1301
+ .icon-posted-on { background-position: -350px -50px; }
1302
+ .icon-send-message { background-position: -375px -50px; }
1303
+ .icon-flag { background-position: -400px -50px; }
1304
+ .icon-about-us { background-position: -425px -50px; display: block; float: left; }
1305
+ .icon-menu { background-position: -450px -50px; }
1306
+ .icon-coupons { background-position: -475px -50px; }
1307
+ .icon-fans { background-position: -500px -50px; }
1308
+ .icon-print { background-position: -400px 0; }
1309
+
1310
+ .icon-local-badge { background-position: -530px -55px; }
1311
+ .js .icon-local-badge { text-indent: -99999em; }
1312
+ .icon-reviews { background-position: -278px -54px; float: left; padding-right: .3em; }
1313
+
1314
+ .icon-location-pin { background-position: -328px -55px; display: block; float: left; }
1315
+
1316
+ .icon-tags { background-position: -203px -53px; float: left; padding-right: .3em; }
1317
+
1318
+ .icon-claim-alert { background-position: -353px -3px; float: left; padding-right: .5em; }
1319
+
1320
+ .icon-right-arrow { background-position: -300px -2px; }
1321
+
1322
+ .icon-paper {
1323
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -525px -75px;
1324
+ width: 32px;
1325
+ height: 32px;
1326
+ float: left;
1327
+ }
1328
+
1329
+ /* @end */
1330
+ .icon-downArrow {
1331
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -300px -75px;
1332
+ }
1333
+
1334
+ .icon-upArrow {
1335
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -315px -75px;
1336
+ }
1337
+
1338
+ /* @end */
1339
+
1340
+ /* @group Blocks
1341
+ ----------------------------------------------------------------------------------- */
1342
+
1343
+ .cs-blue-fade {
1344
+ border: 1px solid #B6E6F3;
1345
+ background: #E6F7FB;
1346
+ padding: .5em;
1347
+ color: #1A85A8;
1348
+ }
1349
+
1350
+ .cs-blue-fade p {
1351
+ padding: .5em 0;
1352
+ }
1353
+
1354
+ .cs-blue-fade img {
1355
+ padding: 0 1em 0 0;
1356
+ float: left;
1357
+ display: inline;
1358
+ }
1359
+
1360
+ .cs-green-solid {
1361
+ border: 4px solid #BDD685;
1362
+ background: #E2EDC9;
1363
+ padding: .5em;
1364
+ color: #647836;
1365
+ }
1366
+
1367
+ .cs-light-blue {
1368
+ color: #6C6C6C;
1369
+ background: #E1F5FB;
1370
+ padding: .5em;
1371
+ }
1372
+
1373
+ .cs-green-block,
1374
+ .cs-yellow-block,
1375
+ .cs-blue-block {
1376
+ padding: .5em;
1377
+ border-top: 2px solid;
1378
+ margin: 1em 0;
1379
+ }
1380
+
1381
+ .cs-yellow-block .title,
1382
+ .cs-green-block .title,
1383
+ .cs-blue-block .title {
1384
+ font-size: 93%;
1385
+ color: #C0A316;
1386
+ padding: 0 0 .5em;
1387
+ }
1388
+
1389
+ .cs-green-block {
1390
+ background: #EAF1D8;
1391
+ border-top-color: #D8E6B5;
1392
+ }
1393
+
1394
+ .cs-green-block h5 {
1395
+ font-size: 120%;
1396
+ color: #668333;
1397
+ }
1398
+
1399
+ .cs-yellow-block {
1400
+ background: #FFF1D1;
1401
+ border-top-color: #FECD57;
1402
+ }
1403
+
1404
+ .cs-yellow-block h5 {
1405
+ font-size: 120%;
1406
+ color: #73630C;
1407
+ }
1408
+
1409
+ .cs-blue-block {
1410
+ background: #E6F7FB;
1411
+ border-top-color: #B6E6F3;
1412
+ }
1413
+
1414
+ .cs-blue-block h5 {
1415
+ font-size: 120%;
1416
+ color: #1F9EC9;
1417
+ }
1418
+
1419
+ /* @end */
1420
+
1421
+ /* @end */
1422
+
1423
+ /* @group Ads
1424
+ ----------------------------------------------------------------------------------- */
1425
+
1426
+ .ad-container {
1427
+ padding: 3px 0 0;
1428
+ text-align: center;
1429
+ z-index: 0;
1430
+ position: relative;
1431
+ }
1432
+
1433
+ .zoneA { margin: .5em 1em 1em .5em; border: 1px solid #E0E0E0; }
1434
+
1435
+ .zoneB {
1436
+ border: 1px solid #E0E0E0;
1437
+ padding: 0;
1438
+ margin: auto;
1439
+ width: 300px;
1440
+ height: 250px;
1441
+ margin-bottom: 3px;
1442
+ }
1443
+
1444
+ .ad-bottom img { border: none; }
1445
+
1446
+ ul.blue-separator li.adHover:hover { background: #FFF; }
1447
+
1448
+ /* @end */
1449
+
1450
+ /* @group Business Details
1451
+ ----------------------------------------------------------------------------------- */
1452
+
1453
+ /* We'll be doing most of these the long way so they're easier to override with custom styles */
1454
+
1455
+ /* @group Main Content */
1456
+
1457
+ /* @group Category List */
1458
+
1459
+ #categoryList { padding: 1em 0 .5em 0; }
1460
+
1461
+ #categoryList .title { font-weight: bold; }
1462
+
1463
+ /* @end */
1464
+
1465
+ /* @group Tabs */
1466
+
1467
+ #detailsContainer #detailTabs {
1468
+ margin-top: 1em;
1469
+ }
1470
+
1471
+ /* @end */
1472
+
1473
+ #detailsContainer {
1474
+ color: #666;
1475
+ margin-right: 1em;
1476
+ margin-bottom: .5em;
1477
+ margin-left: .5em;
1478
+ }
1479
+
1480
+ .detailsItem {
1481
+ margin: 1em 0 0 0;
1482
+ border-top: 1px solid #EFEEED;
1483
+ padding: 1em .5em;
1484
+ }
1485
+
1486
+ #detailsContainer h1 {
1487
+ margin: 0;
1488
+ padding: 0;
1489
+ color: #FF6600;
1490
+ font-size: 161.6%;
1491
+ }
1492
+
1493
+ #detailsContainer h1 a {
1494
+ text-decoration: none;
1495
+ color: #FF6600;
1496
+ }
1497
+
1498
+ #detailsStandard h1 { display: inline; float: left; }
1499
+
1500
+ #detailsStandard .icon-local-badge { float: left; margin: .2em 0 0 .75em;}
1501
+
1502
+ #detailsStandard { position: relative; }
1503
+
1504
+ #claimBusiness {
1505
+ position: absolute;
1506
+ right: .75em;
1507
+ display: block;
1508
+ padding: .5em .75em;
1509
+ background: #FFF;
1510
+ -moz-border-radius-bottomleft: 3px;
1511
+ -moz-border-radius-bottomright: 3px;
1512
+ -webkit-border-bottom-left-radius: 3px;
1513
+ -webkit-border-bottom-right-radius: 3px;
1514
+ }
1515
+
1516
+ #detailsGeneral,
1517
+ #detailsStandard {
1518
+ background-color: #EFEEED;
1519
+ padding: .75em;
1520
+ margin-top: .5em;
1521
+ }
1522
+
1523
+ #detailsGeneral .yui-g,
1524
+ #detailsStandard #mainBizContent {
1525
+ background-color: #FFF;
1526
+ }
1527
+
1528
+ .detailsAmenities .title,
1529
+ #detailsHours .title {
1530
+ color: #A5A5A5;
1531
+ }
1532
+
1533
+
1534
+ #detailsHours .head {
1535
+ padding-bottom: .5em;
1536
+ display: block;
1537
+ }
1538
+
1539
+ .detailsAmenities ul {
1540
+ margin: .5em 0;
1541
+ padding: 0;
1542
+ }
1543
+
1544
+ /* @group Heading */
1545
+
1546
+ #detailsContainer #businessHeading ul {
1547
+ margin: 0;
1548
+ padding: .5em 0;
1549
+ }
1550
+
1551
+ #detailsContainer #businessHeading ul li {
1552
+ float: left;
1553
+ border-left: 1px solid #EEE;
1554
+ padding: 0 .5em 0 .5em;
1555
+ display: block;
1556
+ }
1557
+
1558
+ #detailsContainer #businessHeading ul :first-child {
1559
+ border: none;
1560
+ padding-left: 0;
1561
+ }
1562
+
1563
+ #detailsContainer #servicesBrands {
1564
+ background: #EFEEED;
1565
+ padding-top: .5em;
1566
+ }
1567
+
1568
+ /* @end */
1569
+
1570
+ /* @group Votes */
1571
+
1572
+ #detailsContainer #votes {
1573
+ clear: both;
1574
+ text-align: center;
1575
+ padding: .5em .75em 0;
1576
+ color: #BFBFBF;
1577
+ font-size: 93%;
1578
+ }
1579
+
1580
+ #detailsContainer #starRatings {
1581
+ border-left: 1px solid #EEE;
1582
+ padding-top: .5em;
1583
+ }
1584
+
1585
+ #detailsEnhanced #starRatings .fivestar-container {
1586
+ margin-left: 25px;
1587
+ }
1588
+
1589
+ #detailsStandard #starRatings .fivestar-container {
1590
+ margin-top: 5px;
1591
+ margin-right: 5px;
1592
+ }
1593
+
1594
+ #detailsStandard #votes {
1595
+ float: left;
1596
+ clear: none;
1597
+ padding-top: 11px;
1598
+ padding-left: 0;
1599
+ }
1600
+
1601
+ #detailsStandard #starRatings {
1602
+ border: none;
1603
+ padding: 0;
1604
+ }
1605
+
1606
+ /* @end */
1607
+
1608
+ /* @group Address */
1609
+
1610
+ #detailsInfo {
1611
+ line-height: 1.5em;
1612
+ padding-top: .5em;
1613
+ }
1614
+
1615
+ #detailsStandard #detailsInfo {
1616
+ padding: .5em;
1617
+ }
1618
+
1619
+ #detailsInfo .title {
1620
+ color: #A5A5A5;
1621
+ margin-top: 1em;
1622
+ display: block;
1623
+ }
1624
+
1625
+ #detailsStandard #detailsInfo .title {
1626
+ margin: 0;
1627
+ display: inline;
1628
+ }
1629
+
1630
+ #detailsStandard #detailsInfo .phone { line-height: 1.75em; }
1631
+ #detailsInfo .phone {
1632
+ font-size: 123.1%;
1633
+ font-weight: bold;
1634
+ }
1635
+
1636
+ #detailsEnhanced #detailsInfo ul {
1637
+ padding: 0;
1638
+ margin: 0 .5em .5em 0;
1639
+ }
1640
+
1641
+ #detailsEnhanced #detailsInfo ul li {
1642
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -19px;
1643
+ padding: .2em 0 0 8px;
1644
+ }
1645
+
1646
+ #detailsStandard ul#buttonList { margin: 0; padding: 0; }
1647
+
1648
+ #detailsStandard ul#buttonList li {
1649
+ margin: 1.5em .5em .5em 0;
1650
+ float: left;
1651
+ display: inline;
1652
+ font-weight: normal;
1653
+ }
1654
+
1655
+ #detailsStandard ul#buttonList li a { text-decoration: none; }
1656
+ .juliesTables br {
1657
+ display: none;
1658
+ }
1659
+
1660
+ /* @end */
1661
+
1662
+ /* @group Tags */
1663
+
1664
+ #toggleTagWrap {
1665
+ padding: .5em .5em 0 0;
1666
+ }
1667
+
1668
+ #toggleTagAdd {
1669
+ float: right;
1670
+ }
1671
+
1672
+ #addTags {
1673
+ padding: .5em .5em;
1674
+ margin-top: .5em;
1675
+ background: #FFF;
1676
+ border: 1px solid #ddd;
1677
+ text-align: ;
1678
+ }
1679
+
1680
+ #tagCloudWrap {
1681
+ margin-top: .5em
1682
+ }
1683
+
1684
+ #tagCloud ul {
1685
+ margin: 0;
1686
+ }
1687
+
1688
+ #tagCloud ul li {
1689
+ float: left;
1690
+ margin-left: .2em;
1691
+ }
1692
+
1693
+ #tagCloud ul li.title {
1694
+ margin: 0;
1695
+ }
1696
+
1697
+ #moreTagsContainer {
1698
+ height: 0;
1699
+ overflow: hidden;
1700
+ }
1701
+
1702
+ #addTagTitle {
1703
+ font-size: 85%;
1704
+ padding-bottom: .5em;
1705
+ }
1706
+
1707
+ /* @end */
1708
+
1709
+ /* @group Chart */
1710
+
1711
+ #chart {
1712
+ width: 100%;
1713
+ height: 30em;
1714
+ background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%;
1715
+ }
1716
+
1717
+ /* @end */
1718
+
1719
+ /* @group Video */
1720
+
1721
+ #detailsVideo {
1722
+ padding: 1em;
1723
+ margin: 1em 0;
1724
+ border: 0;
1725
+ }
1726
+
1727
+ #detailsVideo #video {
1728
+ float: left;
1729
+ }
1730
+
1731
+ #detailsVideo #description {
1732
+ float: left;
1733
+ color: #333;
1734
+ padding: 0 1em;
1735
+ }
1736
+
1737
+ /* @end */
1738
+
1739
+ /* @group Map */
1740
+ #detailsMap,
1741
+ #standardMap {
1742
+ position: relative;
1743
+ }
1744
+
1745
+ #bizMap {
1746
+ z-index: 1;
1747
+ position: relative;
1748
+ height: 18.5em;
1749
+ overflow: hidden;
1750
+ background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%;
1751
+ }
1752
+
1753
+ #standardMap {
1754
+ padding: .3em;
1755
+ margin: .75em;
1756
+ border: 1px solid #E0E0E0;
1757
+ }
1758
+
1759
+ #standardMap #bizMap {
1760
+ height: 10em;
1761
+ }
1762
+
1763
+ #mapOverlay {
1764
+ background-color: #333;
1765
+ opacity: .75;
1766
+ filter: alpha(opacity=75);
1767
+ -moz-opacity: 0.75;
1768
+ width: 100%;
1769
+ z-index: 9;
1770
+ position: relative;
1771
+ margin-top: -45px;
1772
+ height: 45px;
1773
+ }
1774
+
1775
+ #overlayText {
1776
+ color: #FFF;
1777
+ text-align: center;
1778
+ background: transparent;
1779
+ position: relative;
1780
+ margin-top: -3em;
1781
+ z-index: 9;
1782
+ padding: .8em 0 1em;
1783
+ font-weight: bold;
1784
+ }
1785
+
1786
+ /* @end */
1787
+
1788
+ /* @group Agendize */
1789
+
1790
+ #agendizeLinks .yui-u {
1791
+ text-align: center;
1792
+ border: 1px solid #FEE9B8;
1793
+ margin-top: .5em;
1794
+ }
1795
+
1796
+ #agendizeLinks a {
1797
+ background: #FFF5DF;
1798
+ color: #74630C;
1799
+ font-weight: bold;
1800
+ display: block;
1801
+ padding: .5em 0;
1802
+ text-decoration: none;
1803
+ font-size: 93%;
1804
+ }
1805
+
1806
+ #agendizeLinks a:hover {
1807
+ background: #FFF5DF;
1808
+ text-decoration: underline;
1809
+ }
1810
+
1811
+ /* @end */
1812
+
1813
+ /* @end */
1814
+
1815
+ /* @group Reviews */
1816
+
1817
+ #toggleReviewForm {
1818
+ float: right;
1819
+ display: inline;
1820
+ cursor: pointer;
1821
+ }
1822
+
1823
+ #reviewsContainer {
1824
+ color: #6C6C6C;
1825
+ margin-top: 2em;
1826
+ margin-right: 1em;
1827
+ margin-bottom: .5em;
1828
+ margin-left: .5em;
1829
+ }
1830
+
1831
+ #reviewsContainer h5 {
1832
+ color: #137292;
1833
+ }
1834
+
1835
+ #reviewsContainer .title {
1836
+ color: #999;
1837
+ font-size: 93%;
1838
+ }
1839
+
1840
+ #reviewsList {
1841
+ margin-top: 1em;
1842
+ border-top: 2px solid #C0E9F5;
1843
+ padding-top: .5em;
1844
+ }
1845
+
1846
+ #noReviews {
1847
+ margin: 1em 0 1em;
1848
+ font-size: 100%;
1849
+ font-weight: bold;
1850
+ }
1851
+
1852
+ #addReview {
1853
+ padding-top: 1em;
1854
+ border-top: 2px solid #C0E9F5;
1855
+ }
1856
+
1857
+ .review {
1858
+ border-bottom: 1px solid #DFDFDF;
1859
+ margin: 1em 0;
1860
+ }
1861
+
1862
+ .review .photo {
1863
+ float: left;
1864
+ display: inline;
1865
+ text-align: center;
1866
+ padding: 0 1em;
1867
+ font-weight: bold;
1868
+ font-size: 93%;
1869
+ }
1870
+
1871
+ .review .photo a {
1872
+ text-decoration: none;
1873
+ }
1874
+
1875
+ .review .photo img {
1876
+ border: 5px solid #EFEEED;
1877
+ }
1878
+
1879
+ .review .reviewOptions {
1880
+ padding-left: 9.5em;
1881
+ }
1882
+
1883
+ .review .reviewOptions ul {
1884
+ margin: 0;
1885
+ padding: 0;
1886
+ }
1887
+
1888
+ .review .reviewOptions ul li {
1889
+ float: left;
1890
+ display: inline;
1891
+ margin: .5em 0;
1892
+ padding: 0 1em;
1893
+ font-size: 85%;
1894
+ }
1895
+
1896
+ .review .reviewOptions ul li:first-child {
1897
+ border-right: 1px solid #DFDFDF;
1898
+ }
1899
+
1900
+ .review .reviewText {
1901
+ padding-left: 125px;
1902
+ }
1903
+
1904
+ /* @end */
1905
+
1906
+ /* @group Sidebar */
1907
+
1908
+ /* @group Claim Business */
1909
+
1910
+ #editBiz {
1911
+ border: 2px solid #1F9EC9;
1912
+ }
1913
+
1914
+ #editBiz .title {
1915
+ background: #1F9EC9;
1916
+ padding: .5em 1em;
1917
+ }
1918
+
1919
+ #editBiz .title h4 {
1920
+ color: #FFF;
1921
+ font-size: 123.1%;
1922
+ }
1923
+
1924
+ #editBiz .content {
1925
+ padding: 1.5em 1em 1em 1em;
1926
+ }
1927
+
1928
+ #editBiz .icon-paper {
1929
+ margin-top: -.5em;
1930
+ margin-right: .5em;
1931
+ }
1932
+
1933
+ /* @end */
1934
+
1935
+ #adminLinks .content {
1936
+ padding: .5em;
1937
+ }
1938
+
1939
+ #businessLogo {
1940
+ border-color: #EFEEED;
1941
+ border-width: 5px;
1942
+ border-style: solid;
1943
+ }
1944
+
1945
+ #businessLogo img {
1946
+ display: block;
1947
+ }
1948
+
1949
+ #detailDeal .cs-deal {
1950
+ background: #FFF;
1951
+ }
1952
+
1953
+ #detailPhotos .content {
1954
+ text-align: center;
1955
+ }
1956
+
1957
+ #detailPhotos img {
1958
+ margin: 2px;
1959
+ border-width: 2px;
1960
+ border-style: solid;
1961
+ border-color: #DDD;
1962
+ }
1963
+
1964
+ #detailPhotos img:hover {
1965
+ border-color: #AAA;
1966
+ }
1967
+
1968
+ #detailPhotos a {
1969
+ text-decoration: none;
1970
+ font-size: 93%;
1971
+ color: #C0A316;
1972
+ }
1973
+
1974
+ #detailPhotos a:hover {
1975
+ text-decoration: underline;
1976
+ }
1977
+
1978
+ #ccNewsletter .content {
1979
+ background: #FFF;
1980
+ color: #666;
1981
+ padding: .5em;
1982
+ }
1983
+
1984
+ #ccNewsletter .content form {
1985
+ margin: .5em;
1986
+ }
1987
+
1988
+ #ccNewsletter .content form label {
1989
+ display: block;
1990
+ }
1991
+
1992
+ #ccNewsletter .content form input {
1993
+ width: 90%;
1994
+ margin: .5em;
1995
+ }
1996
+
1997
+ #ccNewsletter .content form #edit-submit {
1998
+ width: auto;
1999
+ }
2000
+
2001
+ /* @end */
2002
+
2003
+ #showChart { cursor: pointer; }
2004
+
2005
+ /* @end */
2006
+
2007
+ /* @group Footer
2008
+ ----------------------------------------------------------------------------------- */
2009
+
2010
+ #ft { font-size: 93%; }
2011
+ #ft .logo { float: left; margin: 1em 0 1em 1em; }
2012
+
2013
+ /* @group Top */
2014
+
2015
+ #ftTop { background: #1F9EC9; font-weight: bold; padding: .5em; text-align: center;}
2016
+
2017
+
2018
+ /* @end */
2019
+
2020
+ /* @group Bottom */
2021
+
2022
+ #ftBottom { background: #5FC5E7; color: #FFF; }
2023
+ #ftBottom span { font-weight: bold; color: #006581; }
2024
+ #ftBottom #stateLinks { background: #ACE1F2; margin: 0 .75em; padding: .75em; }
2025
+
2026
+ /* @end */
2027
+
2028
+ #copyright { display: block; padding: 1.5em 1em; float: left; }
2029
+
2030
+ /* @end */
2031
+
2032
+ /* @group Home Page
2033
+ ----------------------------------------------------------------------------------- */
2034
+
2035
+ #findLogin {
2036
+ padding: 1em .5em 1em;
2037
+ background: #FFF;
2038
+ text-indent: -9999em;
2039
+ border-bottom: 1px solid #EEE;
2040
+ margin: 0 .5em;
2041
+ }
2042
+
2043
+ #findYourBusiness {
2044
+ font-size: 93%;
2045
+ padding: 0;
2046
+ margin: 0;
2047
+ height: 26px;
2048
+ width: 685px;
2049
+ display: block;
2050
+ margin-top: .5em;
2051
+ background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat 0 0;
2052
+ }
2053
+
2054
+
2055
+ #homeSearch {
2056
+ background: #FEFDD6;
2057
+ margin: 1em .5em;
2058
+ padding: 0;
2059
+ color: #FF9933;
2060
+ font-size: 93%;
2061
+ font-weight: bold;
2062
+ border: 1px solid #FDFBAA;
2063
+ }
2064
+
2065
+ #homeSearch #bg {
2066
+ float: right;
2067
+ width: 330px;
2068
+ height: 87px;
2069
+ background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -355px -30px;
2070
+ }
2071
+
2072
+ #homeSearch span { display: block; padding: 1em 0 0 1.2em; }
2073
+
2074
+ #homeSearch #location-jump-form { margin: .5em 0 0 1em; }
2075
+ #homeSearch #location-jump-form .form-text { padding: .75em; font-size: 108%; }
2076
+
2077
+ #homeSearch #location-jump-form .form-submit {
2078
+ width: auto;
2079
+ border: 1px solid #707070;
2080
+ padding: 1em 1em .8em;
2081
+ margin: 0 0 0 .5em;
2082
+ color: #000;
2083
+ background: #F0F0F0;
2084
+ -moz-border-radius: 3px;
2085
+ -webkit-border-radius: 3px;
2086
+ }
2087
+
2088
+ #homeSearch #location-jump-form .form-submit:hover { background: #D1D1D1; }
2089
+
2090
+ #homeMain { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: .5em .5em; padding-bottom: 1.5em; }
2091
+
2092
+ #homeMain #owner {
2093
+ height: 268px;
2094
+ width: 455px;
2095
+ background: #FFF url("http://static.csimg.com/img/cs-homeOwner.20090403.1.png") no-repeat;
2096
+ margin: 0 auto;
2097
+ position: relative;
2098
+ }
2099
+
2100
+ #homeMain #owner span {
2101
+ display: block;
2102
+ float: left;
2103
+ padding: 1em 1.5em 0 1em;
2104
+ }
2105
+
2106
+ #homeMain #ownText {
2107
+ position: absolute;
2108
+ top: 73px;
2109
+ left: 25px;
2110
+ width: 265px;
2111
+ color: #005771;
2112
+ font-size: 93%;
2113
+ line-height: 1.5em;
2114
+ }
2115
+
2116
+ #homeMain #ownButtons {
2117
+ position: absolute;
2118
+ top: 215px;
2119
+ left: 15px;
2120
+ color: #FFF;
2121
+ font-weight: bold;
2122
+ }
2123
+
2124
+ #homeMain #new {
2125
+ background: #DFEBCB;
2126
+ padding: 1em;
2127
+ margin-top: 18px;
2128
+ }
2129
+
2130
+ #homeMain #new #list {
2131
+ background: #FFF;
2132
+ padding: .5em;
2133
+ }
2134
+
2135
+ .spyWrapper {
2136
+ overflow: hidden;
2137
+ position: relative;
2138
+ }
2139
+
2140
+ #homeLocations {
2141
+ margin: 1.5em 0 1em .5em;
2142
+ }
2143
+
2144
+ #topCityPic {
2145
+ display: block;
2146
+ overflow: hidden;
2147
+ height: 350px;
2148
+ width: 455px;
2149
+ margin: 0 auto;
2150
+ background: url("http://mw2.google.com/mw-panoramio/photos/medium/3011660.jpg") no-repeat;
2151
+ }
2152
+
2153
+ #cityOverlay {
2154
+ background-color: #1F9EC9;
2155
+ opacity: .75;
2156
+ filter: alpha(opacity=75);
2157
+ -moz-opacity: 0.75;
2158
+ width: 425px;
2159
+ z-index: 9;
2160
+ position: relative;
2161
+ margin-top: 225px;
2162
+ margin-left: auto;
2163
+ margin-right: auto;
2164
+ color: #FFF;
2165
+ font-size: 182%;
2166
+ font-weight: bold;
2167
+ padding: 15px;
2168
+ }
2169
+
2170
+ #cityOverlay a { color: #FFF; text-decoration: none; }
2171
+
2172
+ #picInfo {
2173
+ width: 455px;
2174
+ margin: 0 auto;
2175
+ color: #666;
2176
+ padding: .5em .5em 0 .5em;
2177
+ }
2178
+
2179
+ /* @end */
2180
+
2181
+ /* @group Style
2182
+ ----------------------------------------------------------------------------------- */
2183
+
2184
+ /* @group Forms
2185
+ ----------------------------------------------------------------------------------- */
2186
+
2187
+ /* @group Add Business
2188
+ ----------------------------------------------------------------------------------- */
2189
+
2190
+ #edit-standardname, #edit-user-name {
2191
+ width: 600px;
2192
+ }
2193
+
2194
+ #edit-cityname {
2195
+ width: 470px;
2196
+ }
2197
+
2198
+ #standard-submit-button {
2199
+ display: block;
2200
+ margin: 0 auto;
2201
+ }
2202
+
2203
+ .no-business-results {
2204
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -25px;
2205
+ padding: 0 0 0 10px;
2206
+ }
2207
+
2208
+ .search-description {
2209
+ font-size: 85%;
2210
+ color: #777;
2211
+ width: 500px;
2212
+ padding: 0 1em;
2213
+ }
2214
+
2215
+ /* @end */
2216
+
2217
+ #business-add-form,
2218
+ #business-add-standard-form,
2219
+ #eventful-add-event-form {
2220
+ padding-bottom: 6px;
2221
+ }
2222
+
2223
+ #business-add-form label,
2224
+ #eventful-add-event-form label {
2225
+ padding-top: 6px;
2226
+ display: block;
2227
+ }
2228
+
2229
+ #business-add-form .description,
2230
+ #eventful-add-event-form .description {
2231
+ font-size: 11px;
2232
+ color: #777;
2233
+ padding-left: 0;
2234
+ }
2235
+
2236
+ #business-add-form fieldset,
2237
+ #eventful-add-event-form fieldset {
2238
+ background: #F3FBFE;
2239
+ border: 1px solid #C2E2EC;
2240
+ width: 90%;
2241
+ margin: .5em;
2242
+ padding: .5em;
2243
+ }
2244
+
2245
+ #business-add-form fieldset fieldset,
2246
+ #eventful-add-event-form fieldset fielset {
2247
+ background: #FFF;
2248
+ border: 3px double #C2E2EC;
2249
+ width: 95%;
2250
+ }
2251
+
2252
+ #business-add-form fieldset fieldset legend,
2253
+ #eventful-add-event-form fieldset fieldset legend {
2254
+ font-size: 14px;
2255
+ color: #333;
2256
+ font-weight: bold;
2257
+ }
2258
+
2259
+ #business-add-form legend,
2260
+ #eventful-add-event-form legend {
2261
+ font: normal 20px 'Trebuchet MS',Trebuchet,sans-serif;
2262
+ color: #166C89;
2263
+ text-transform: capitalize;
2264
+ }
2265
+
2266
+ #business-add-form legend a,
2267
+ #eventful-add-event-form legend a {
2268
+ font: normal 20px 'Trebuchet MS',Trebuchet,sans-serif;
2269
+ color: #166C89;
2270
+ text-transform: capitalize;
2271
+ }
2272
+
2273
+ .cs-form,.cs-blue-form, .cs-grey-form {
2274
+
2275
+ }
2276
+
2277
+ .cs-form .item {
2278
+ padding: .5em;
2279
+ }
2280
+
2281
+ .cs-form .item label {
2282
+ color: #656565;
2283
+ display: block;
2284
+ padding: .25em 0;
2285
+ }
2286
+
2287
+ .cs-form .item .form-text {
2288
+ padding: .25em;
2289
+ }
2290
+
2291
+ .cs-blue-form {
2292
+ background: #E2F6FA;
2293
+ border: 1px solid #B6E6F3;
2294
+ padding: .5em;
2295
+ }
2296
+
2297
+ .cs-grey-form {
2298
+ background: #EFEFEF;
2299
+ }
2300
+
2301
+ fieldset {
2302
+ float: left;
2303
+ display: inline;
2304
+ }
2305
+
2306
+ .description {
2307
+ font-size: 85%;
2308
+ }
2309
+
2310
+ /* @end */
2311
+
2312
+ /* @group Content Pieces */
2313
+
2314
+ /* @group Featured Video */
2315
+
2316
+ .featuredVideo {
2317
+ text-align: center;
2318
+ padding: .5em;
2319
+ }
2320
+
2321
+ .featuredVideo .biz-name {
2322
+ color: #F08711;
2323
+ font-size: 14px;
2324
+ font-weight: bold;
2325
+ }
2326
+
2327
+ .featuredVideo .address,
2328
+ .featuredVideo .phone {
2329
+ color: #666666;
2330
+ font-size: 12px;
2331
+ }
2332
+
2333
+ .featuredVideo .phone {
2334
+ font-weight: bold;
2335
+ }
2336
+
2337
+ .newsletter {
2338
+ padding-top: 3em;
2339
+ text-align: center;
2340
+ }
2341
+
2342
+ /* @end */
2343
+
2344
+ /* @group Corporate Pages */
2345
+
2346
+ div#corp-pages {
2347
+ padding: .5em;
2348
+ }
2349
+
2350
+ div.corp-pages-menu {
2351
+ padding: .5em;
2352
+ }
2353
+
2354
+ /* @end */
2355
+
2356
+ /* @group Map */
2357
+
2358
+ #map {
2359
+ background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%;
2360
+ }
2361
+
2362
+ #gmap-tooltip-map {
2363
+ width: 500px;
2364
+ position: relative;
2365
+ }
2366
+
2367
+ #gmap-infowindow img {
2368
+ display: inline;
2369
+ float: left;
2370
+ margin-right: 10px;
2371
+ }
2372
+
2373
+ #gmap-tt-float {
2374
+ float: left;
2375
+ }
2376
+
2377
+ .gmap-tt-text {
2378
+ font: bold 9px Verdana, Arial, Helvetica, sans-serif;
2379
+ color: #333;
2380
+ padding: .5em .65em 0 0;
2381
+ }
2382
+
2383
+ .gmap-clear-left {
2384
+ clear: left;
2385
+ }
2386
+
2387
+ .gmap-tt-left {
2388
+ background: url("http://static.csimg.com/img/gmap/tt-left.png") no-repeat;
2389
+ height: 26px;
2390
+ width: 7px;
2391
+ }
2392
+
2393
+ .gmap-tt-middle {
2394
+ background: url("http://static.csimg.com/img/gmap/tt-middle.png") repeat-x;
2395
+ height: 26px;
2396
+ }
2397
+
2398
+ .gmap-tt-right {
2399
+ background: url("http://static.csimg.com/img/gmap/tt-right.png") no-repeat;
2400
+ width: 30px;
2401
+ height: 26px;
2402
+ }
2403
+
2404
+ .gmap-tt-pointer {
2405
+ background: url("http://static.csimg.com/img/gmap/tt-pointer.png") no-repeat;
2406
+ width: 16px;
2407
+ height: 9px;
2408
+ position: absolute;
2409
+ top: -7px;
2410
+ left: 13px;
2411
+ }
2412
+
2413
+ /* @end */
2414
+
2415
+ /* @group Video Pane */
2416
+
2417
+ .video-pane {
2418
+ text-align: center;
2419
+ display: none;
2420
+ position: relative;
2421
+ padding-top: .5em;
2422
+ }
2423
+
2424
+ .video-pane a.blue-close {
2425
+ position: absolute;
2426
+ top: 0;
2427
+ right: 5px;
2428
+ }
2429
+
2430
+ /* @end */
2431
+
2432
+ /* @group Vote Count */
2433
+
2434
+ div.vote-count {
2435
+ float: right;
2436
+ height: 40px;
2437
+ width: 72px;
2438
+ color: #75630D;
2439
+ font-size: 16px;
2440
+ text-align: center;
2441
+ padding-top: 8px;
2442
+ padding-left: 3px;
2443
+ margin-right: .5em;
2444
+ line-height: 12px;
2445
+ font-weight: bold;
2446
+ background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -190px 0;
2447
+ }
2448
+
2449
+ div.vote-count span.desc {
2450
+ font-size: 8px;
2451
+ color: #D7B61A;
2452
+ text-transform: uppercase;
2453
+ margin-top: -5px;
2454
+ }
2455
+
2456
+ .votesCount {
2457
+ float: left;
2458
+ border-left: 1px solid #CCC;
2459
+ padding-left: .5em;
2460
+ margin-left: .5em;
2461
+ }
2462
+
2463
+ /* @end */
2464
+
2465
+ /* @group Pager */
2466
+
2467
+ div.pager {
2468
+ padding-left: 1em;
2469
+ color: #1F9EC9;
2470
+ margin-bottom: 1em;
2471
+ text-align: center;
2472
+ }
2473
+
2474
+ div.pager .active,
2475
+ span.pager-list a.active,
2476
+ span.pager-list .pager-current {
2477
+ padding: .4em .5em;
2478
+ text-decoration: none;
2479
+ margin: 0 .25em;
2480
+ text-transform: uppercase;
2481
+ }
2482
+
2483
+ div.pager .active,
2484
+ span.pager-list a.active {
2485
+ border: 1px solid #60C5E7;
2486
+ color: #1F9EC9;
2487
+ }
2488
+
2489
+ span.pager-list a.active {
2490
+ background-color: #E9F8FC;
2491
+ }
2492
+
2493
+ span.pager-list .pager-current {
2494
+ font-size: 153.9%;
2495
+ color: #333;
2496
+ margin: 0;
2497
+ padding: .4em .3em;
2498
+ }
2499
+
2500
+ span.pager-list a.active:hover {
2501
+ background-color: #FFF;
2502
+ }
2503
+
2504
+ /* @end */
2505
+
2506
+ /* @group Business Listings */
2507
+
2508
+ /* @group Listing Options */
2509
+
2510
+ #cs-listing-options {
2511
+ color: #6C6C6C;
2512
+ }
2513
+
2514
+ #cs-listing-options h1 {
2515
+ font-size: 123.1%;
2516
+ color: #666;
2517
+ }
2518
+
2519
+ #filters {
2520
+ background: #F3FCFE;
2521
+ border-top: 2px solid #C0E9F5;
2522
+ border-bottom: 2px solid #C0E9F5;
2523
+ color: #6C6C6C;
2524
+ padding: .5em;
2525
+ }
2526
+
2527
+ /* @end */
2528
+
2529
+ /* @group Browsing */
2530
+
2531
+ li.business {
2532
+ color: #6C6C6C;
2533
+ line-height: 1.5em;
2534
+ }
2535
+
2536
+ li.business .cs-blogo {
2537
+ float: left;
2538
+ margin-right: 1em;
2539
+ }
2540
+
2541
+ li.business .cs-blogo img {
2542
+ border: 1px solid #DDD;
2543
+ padding: 6px;
2544
+ background: #FFF;
2545
+ }
2546
+
2547
+ li.business .cs-sblogo {
2548
+ float: left;
2549
+ margin-right: 1em;
2550
+ text-align: center;
2551
+ height: 80px;
2552
+ width: 72px;
2553
+ background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -326px 0;
2554
+ }
2555
+
2556
+ li.business .cs-sblogo a {
2557
+ font-size: 11px;
2558
+ font-weight: bold;
2559
+ text-decoration: none;
2560
+ color: #828282;
2561
+ display: block;
2562
+ width: 72px;
2563
+ height: 21px;
2564
+ border: 1px solid #DDD;
2565
+ border-radius: 5px;
2566
+ -moz-border-radius: 5px;
2567
+ -webkit-border-radius: 5px;
2568
+ padding-top: 5px;
2569
+ background: #FFF;
2570
+ }
2571
+
2572
+ li.business a.name {
2573
+ font-size: 116%;
2574
+ font-weight: bold;
2575
+ float: left;
2576
+ }
2577
+
2578
+ li.business .info {
2579
+ text-align: left;
2580
+ }
2581
+
2582
+ li.business .phone {
2583
+ font-weight: bold;
2584
+ }
2585
+
2586
+ li.business .bIcons {
2587
+ width: 40px;
2588
+ float: left;
2589
+ padding: 8px 0 0 7px;
2590
+ }
2591
+
2592
+ /* @end */
2593
+
2594
+ /* @group Business Add Search Results */
2595
+
2596
+ #business-add-results {
2597
+ margin: 1em 0;
2598
+ }
2599
+
2600
+ .business-add-search-result {
2601
+ border-bottom: 1px solid #C0E9F5;
2602
+ line-height: 1.5em;
2603
+ padding: .5em;
2604
+ color: #666;
2605
+ }
2606
+
2607
+ /* @end */
2608
+
2609
+ /* @group Five Star */
2610
+
2611
+ div.fivestar-container {
2612
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -55px;
2613
+ width: 70px;
2614
+ height: 16px;
2615
+ float: left;
2616
+ display: inline;
2617
+ }
2618
+
2619
+ div.fivestar-container .star {
2620
+ display: block;
2621
+ float: left;
2622
+ width: 14px;
2623
+ height: 15px;
2624
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
2625
+ background-repeat: no-repeat;
2626
+ background-position: -575px 0;
2627
+ cursor: pointer;
2628
+ overflow: hidden;
2629
+ }
2630
+
2631
+ div.fivestar-container .on { background-position: -575px -16px; }
2632
+
2633
+ div.fivestar-container .hover { background-position: -575px -32px; }
2634
+
2635
+ /* @group Details Page */
2636
+
2637
+ #detailsContainer div.fivestar-container {
2638
+ background: none;
2639
+ width: 100px;
2640
+ height: 20px;
2641
+ float: left;
2642
+ }
2643
+
2644
+ #detailsContainer div.fivestar-container .star {
2645
+ display: block;
2646
+ float: left;
2647
+ width: 20px;
2648
+ height: 20px;
2649
+ background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png");
2650
+ background-repeat: no-repeat;
2651
+ background-position: -575px -50px;
2652
+ cursor: pointer;
2653
+ overflow: hidden;
2654
+ }
2655
+
2656
+ #detailsContainer div.fivestar-container .on { background-position: -575px -75px; }
2657
+
2658
+ #detailsContainer div.fivestar-container .hover { background-position: -575px -100px; }
2659
+
2660
+ /* @end */
2661
+
2662
+ /* @end */
2663
+
2664
+ /* @group Blocks */
2665
+
2666
+ .cs-block {
2667
+ margin: 0;
2668
+ color: #8A8A8A;
2669
+ }
2670
+
2671
+ .cs-block-title {
2672
+ padding: .5em 0 0 0;
2673
+ }
2674
+
2675
+ .cs-block-control {
2676
+ color: #999;
2677
+ text-align: right;
2678
+ }
2679
+
2680
+ .cs-block-title .moreLink {
2681
+ font-size: 87%;
2682
+ }
2683
+
2684
+ .pad-block {
2685
+ margin-top: .5em;
2686
+ }
2687
+
2688
+ .selected {
2689
+ text-decoration: none;
2690
+ color: #666;
2691
+ font-weight: bold;
2692
+ }
2693
+
2694
+ #biz-status,
2695
+ #location-status {
2696
+ display: none;
2697
+ margin-left: .5em;
2698
+ }
2699
+
2700
+ #biz-status {
2701
+ float: left;
2702
+ }
2703
+
2704
+ #location-status {
2705
+ float: left;
2706
+ display: none;
2707
+ margin-left: .5em;
2708
+ margin-top: .25em;
2709
+ }
2710
+
2711
+ /* @group What's Hot */
2712
+
2713
+ .hot-title {
2714
+ color: #177797;
2715
+ font-weight: bold;
2716
+ padding: 0 .5em;
2717
+ }
2718
+
2719
+ .hot-title .icon {
2720
+ float: right;
2721
+ display: inline;
2722
+ }
2723
+
2724
+ .hot-title span {
2725
+ color: #999;
2726
+ font-size: 90%;
2727
+ font-weight: normal;
2728
+ }
2729
+
2730
+ .hot-title span a {
2731
+ font-size: 80%;
2732
+ }
2733
+
2734
+ .hot-cat-name {
2735
+ float: left;
2736
+ display: inline;
2737
+ padding-top: .75em;
2738
+ }
2739
+
2740
+ .cs-block .hot-name {
2741
+ width: 100%;
2742
+ }
2743
+
2744
+ .cs-block .hot-biz-name {
2745
+ color: #1F9EC9;
2746
+ }
2747
+
2748
+ .cs-block .hot-biz-name a {
2749
+ font-weight: bold;
2750
+ }
2751
+
2752
+ .cs-block .fivestar-container {
2753
+ float: right;
2754
+ }
2755
+
2756
+ .cs-block .fivestar-container .description {
2757
+ display: none;
2758
+ }
2759
+
2760
+ /* @end */
2761
+
2762
+ /* @group Deals */
2763
+
2764
+ .cs-deal {
2765
+ border: 3px dashed #CCC;
2766
+ color: #666;
2767
+ padding: .1em;
2768
+ margin: .5em 0;
2769
+ }
2770
+
2771
+ .cs-deal .address {
2772
+ background: #F4F4F4;
2773
+ padding: .5em .75em;
2774
+ color: #666;
2775
+ }
2776
+
2777
+ .cs-deal .address span {
2778
+ font-size: 85%;
2779
+ }
2780
+
2781
+ .cs-deal .cs-deal-text {
2782
+ font-size: 123.1%;
2783
+ padding: 1em;
2784
+ }
2785
+
2786
+ .cs-deal .id {
2787
+ color: #9A9A9A;
2788
+ font-size: 93%;
2789
+ padding: .3em .8em;
2790
+ margin: .5em;
2791
+ text-align: center;
2792
+ }
2793
+
2794
+ .cs-deal .id {
2795
+ float: left;
2796
+ display: inline;
2797
+ margin-left: 0;
2798
+ }
2799
+
2800
+ /* @end */
2801
+
2802
+ /* @group Featured Reviews */
2803
+
2804
+ /* @group Corners */
2805
+
2806
+ .talk-bubble {
2807
+ display: block
2808
+ }
2809
+
2810
+ .talk-bubble * {
2811
+ display: block;
2812
+ height: 1px;
2813
+ overflow: hidden;
2814
+ font-size: .01em;
2815
+ background: #FEFEFE
2816
+ }
2817
+
2818
+ .talk-bubble1 {
2819
+ margin-left: 3px;
2820
+ margin-right: 3px;
2821
+ padding-left: 1px;
2822
+ padding-right: 1px;
2823
+ border-left: 1px solid #edf9fc;
2824
+ border-right: 1px solid #edf9fc;
2825
+ background: #f7fcfe
2826
+ }
2827
+
2828
+ .talk-bubble2 {
2829
+ margin-left: 1px;
2830
+ margin-right: 1px;
2831
+ padding-right: 1px;
2832
+ padding-left: 1px;
2833
+ border-left: 1px solid #e4f6fb;
2834
+ border-right: 1px solid #e4f6fb;
2835
+ background: #f9fdfe
2836
+ }
2837
+
2838
+ .talk-bubble3 {
2839
+ margin-left: 1px;
2840
+ margin-right: 1px;
2841
+ border-left: 1px solid #f9fdfe;
2842
+ border-right: 1px solid #f9fdfe;
2843
+ }
2844
+
2845
+ .talk-bubble4 {
2846
+ border-left: 1px solid #edf9fc;
2847
+ border-right: 1px solid #edf9fc
2848
+ }
2849
+
2850
+ .talk-bubble5 {
2851
+ border-left: 1px solid #f7fcfe;
2852
+ border-right: 1px solid #f7fcfe
2853
+ }
2854
+
2855
+ .talk-bubblefg {
2856
+ background: #FEFEFE
2857
+ }
2858
+
2859
+ /* @end */
2860
+
2861
+ .review-header img {
2862
+ border: 1px solid #DDD;
2863
+ padding: 2px;
2864
+ background: #FFF;
2865
+ float: left;
2866
+ display: inline;
2867
+ margin: 0 .5em 0 0;
2868
+ }
2869
+
2870
+ .review-bubble {
2871
+ position: relative;
2872
+ margin: 20px 0 0 0;
2873
+ }
2874
+
2875
+ .review-bubble-text {
2876
+ padding: .5em .5em .5em 25px;
2877
+ }
2878
+
2879
+ .review-bubble .talkie {
2880
+ position: absolute;
2881
+ top: -25px;
2882
+ left: 35px;
2883
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -25px;
2884
+ width: 25px;
2885
+ height: 25px;
2886
+ }
2887
+
2888
+ .review-bubble .quote {
2889
+ margin: .5em 0 0 .5em;
2890
+ height: 25px;
2891
+ width: 20px;
2892
+ background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -150px -25px;
2893
+ float: left;
2894
+ display: inline;
2895
+ }
2896
+
2897
+ /* @end */
2898
+
2899
+ /* @group Top Cities */
2900
+
2901
+ .topCities {
2902
+ padding: .5em;
2903
+ }
2904
+
2905
+ /* @end
2906
+
2907
+ */
2908
+
2909
+ /* @end
2910
+
2911
+ */
2912
+
2913
+ /* @end */
2914
+
2915
+ /* @group About Hood */
2916
+
2917
+ #aboutHood {
2918
+ background: #E1F5FB;
2919
+ padding: .5em;
2920
+ color: #156782;
2921
+ }
2922
+
2923
+ #aboutHood .teaser {
2924
+ margin: .25em .5em;
2925
+ }
2926
+
2927
+ #addPhotoContainer {
2928
+ padding: .5em 0;
2929
+ }
2930
+
2931
+ #hoodAddPhoto {
2932
+ float: right;
2933
+ padding: .5em .5em 0 1em;
2934
+ margin-top: -1.65em;
2935
+ background: #E1F5FB;
2936
+ }
2937
+
2938
+ .panoramio-copy {
2939
+ margin: 0 auto;
2940
+ text-align: center;
2941
+ color: #333;
2942
+ font-size: 75%;
2943
+ padding: 1em;
2944
+ }
2945
+
2946
+ .panoramio-copy a {
2947
+ color: #167392;
2948
+ }
2949
+
2950
+ /* @end */
2951
+
2952
+ /*
2953
+
2954
+ @end */
2955
+
2956
+ ul.navList {
2957
+ margin: 0;
2958
+ padding: .5em 0;
2959
+ color: #7E7E7E;
2960
+ }
2961
+
2962
+ ul.navList li {
2963
+ padding: .25em 0;
2964
+ width: 100%;
2965
+ }
2966
+
2967
+ .xdebug-var-dump {
2968
+ text-align: left;
2969
+ }
2970
+
2971
+ .eventful-badge {
2972
+ margin: 0;
2973
+ padding: 0;
2974
+ border: 0;
2975
+ text-align: center;
2976
+ color: #CCC;
2977
+ font-family: Arial;
2978
+ text-decoration: none;
2979
+ float: right;
2980
+ }
2981
+
2982
+ .eventful-small {
2983
+ position: relative;
2984
+ width: 100px;
2985
+ font-size: 11px;
2986
+ line-height: 11px;
2987
+ }
2988
+
2989
+ .eventful-badge a { color: #CCC; text-decoration: none; }
2990
+
2991
+ #nearbyUpcomingEvents { background: #FFF; }
2992
+
2993
+ /* @end */
2994
+
2995
+ /* @group Old Site
2996
+ ----------------------------------------------------------------------------------- */
2997
+
2998
+ /* @group Content Queue */
2999
+
3000
+
3001
+ .content-item {
3002
+ width: 100%;
3003
+ border: 1px #999 solid;
3004
+ margin: 1em 0 1em 0;
3005
+ padding: .5em;
3006
+ margin: .5em;
3007
+ }
3008
+
3009
+ .content-item .address,
3010
+ .content-item .phone {
3011
+ color: #666;
3012
+ padding: 0;
3013
+ margin: 0;
3014
+ }
3015
+
3016
+ .content-item .address {
3017
+ display: block;
3018
+ text-transform: capitalize;
3019
+ }
3020
+
3021
+ .content-item .phone {
3022
+ color: #666;
3023
+ }
3024
+
3025
+ .content-item .alt-phone {
3026
+ padding: 0;
3027
+ margin: 0;
3028
+ text-transform: capitalize;
3029
+ font-weight: normal;
3030
+ }
3031
+
3032
+
3033
+ .content-item .hide-content-link {
3034
+ float: right;
3035
+ margin: 0 5px 10px 10px;
3036
+ clear: both;
3037
+ }
3038
+
3039
+ .content-item .full-content {
3040
+ position: relative;
3041
+ border: 1px #999 dotted;
3042
+ padding: .3em;
3043
+ }
3044
+
3045
+ #edit-biz-message {
3046
+ color: #ccc;
3047
+ }
3048
+
3049
+
3050
+ /* @end */
3051
+
3052
+ /* @group Sitemap/Root Page */
3053
+
3054
+ /**
3055
+ * Styles for root page CTA
3056
+ * Michael LeBarron, citysquares [dot] com
3057
+ */
3058
+
3059
+ /**
3060
+ * Call to Action
3061
+ *
3062
+ */
3063
+
3064
+ #root-cta {
3065
+ font: bold 18px Arial, Helvetica, sans-serif;
3066
+ color: #fff;
3067
+ width: 926px;
3068
+ height: 128px;
3069
+ background: url("http://static.csimg.com/v2/img/root-cta-background.png") no-repeat;
3070
+ margin: 0 auto;
3071
+ position: relative;
3072
+ }
3073
+
3074
+ #root-cta-big-text {
3075
+ margin-left: 20px;
3076
+ padding-top: 25px;
3077
+
3078
+ /*
3079
+
3080
+ width: 775px; */
3081
+ }
3082
+
3083
+ #root-cta-big-text span {
3084
+ margin: 0 4px 0 4px;
3085
+ padding: .2em 0 0 0;
3086
+ color: #167696;
3087
+ float: left;
3088
+ }
3089
+
3090
+ #root-cta-button {
3091
+ float: left;
3092
+ }
3093
+
3094
+ .root-cta-button-left {
3095
+ background: url("http://static.csimg.com/v2/img/root-cta-button-bg-left.png") no-repeat;
3096
+ float: left;
3097
+ height: 32px;
3098
+ width: 5px;
3099
+ }
3100
+
3101
+ .root-cta-button-right {
3102
+ background: url("http://static.csimg.com/v2/img/root-cta-button-bg-right.png") no-repeat;
3103
+ float: left;
3104
+ height: 32px;
3105
+ width: 5px;
3106
+ }
3107
+
3108
+ .root-cta-button-middle {
3109
+ height: 32px;
3110
+ background: url("http://static.csimg.com/v2/img/root-cta-button-bg.png") repeat-x;
3111
+ padding: .2em 5px 0 5px;
3112
+ float: left;
3113
+ }
3114
+
3115
+ #root-talk-bubble {
3116
+ background: url("http://static.csimg.com/v2/img/root-cta-talk-bubble.png") no-repeat;
3117
+ height: 54px;
3118
+ width: 720px;
3119
+ position: absolute;
3120
+ top: 70px;
3121
+ left: 27px;
3122
+ font: 12px Arial, Helvetica, sans-serif;
3123
+ color: #666;
3124
+ padding: 10px 75px 0 35px;
3125
+ }
3126
+
3127
+ #root-cta-account {
3128
+ height: 34px;
3129
+ width: 231px;
3130
+ float: left;
3131
+ margin-left: 35px;
3132
+ }
3133
+
3134
+ #root-cta-close-button {
3135
+ position: absolute;
3136
+ top: 18px;
3137
+ right: 8px;
3138
+ width: 21px;
3139
+ height: 15px;
3140
+ }
3141
+
3142
+ /**
3143
+ * Search Bar
3144
+ *
3145
+ */
3146
+
3147
+ #root-search {
3148
+ background: url("http://static.csimg.com/v2/img/root-search-bar-bg.png") repeat-x;
3149
+ width: 926px;
3150
+ height: 105px;
3151
+ margin: 5px auto;
3152
+ border: #f2e79b 2px solid;
3153
+ }
3154
+
3155
+ .root-search-box {
3156
+ margin: 0px auto;
3157
+ margin-top: 35px;
3158
+ margin-left: 60px;
3159
+ color: #8D7E12;
3160
+ font-family: Arial, Helvetica, sans-serif;
3161
+ font-size: 14px;
3162
+ font-weight: normal;
3163
+ height: 40px;
3164
+ }
3165
+
3166
+ .root-search-holder {
3167
+ float: left;
3168
+ padding-right: 7px;
3169
+ }
3170
+
3171
+ #root-search #edit-search-term {
3172
+ border: 1px solid #cdcdcd;
3173
+ background: #fff url("http://static.csimg.com/v2/img/root-search-text-bar-bg.gif") repeat-x top left;
3174
+ display: inline;
3175
+ height: 20px;
3176
+ padding-top: 5px;
3177
+ font-weight: bold;
3178
+ font-family: Arial, Helvetica, sans-serif;
3179
+ font-size: 14px;
3180
+ padding-left: 24px;
3181
+ letter-spacing: -.06em;
3182
+ }
3183
+
3184
+ .form-text .root-form-input {
3185
+ background: url("http://static.csimg.com/v2/img/root-search-magicon.gif") no-repeat left;
3186
+ }
3187
+
3188
+ .root-search-button {
3189
+ background: url("http://static.csimg.com/v2/img/root-search-button.gif") repeat-x;
3190
+ color: #fff;
3191
+ font: bold 10px Tahoma;
3192
+ letter-spacing: -.01em;
3193
+ border: 2px solid #FF8C26;
3194
+ text-transform: uppercase;
3195
+ height: 27px;
3196
+ padding: 4px;
3197
+ width: 76px;
3198
+ }
3199
+
3200
+ .root-loki-search {
3201
+ width: 90px;
3202
+ height: 27px;
3203
+ float: left;
3204
+ }
3205
+
3206
+ #root-search .form-text {
3207
+ border: 1px solid #cdcdcd;
3208
+ background: #fff url("http://static.csimg.com/v2/img/root-search-input-bg.png") repeat-x top left;
3209
+ display: inline;
3210
+ height: 20px;
3211
+ padding-top: 5px;
3212
+ font-weight: bold;
3213
+ font-family: Arial, Helvetica, sans-serif;
3214
+ font-size: 14px;
3215
+ padding-left: 4px;
3216
+ color: #666;
3217
+ letter-spacing: -.06em;
3218
+ }
3219
+
3220
+
3221
+ #root-region-dropdown-arrow {
3222
+ float: left;
3223
+ margin-left: 5px;
3224
+ border: 1px solid #cdcdcd;
3225
+ position: relative;
3226
+ }
3227
+
3228
+ #root-region-list {
3229
+ position: absolute;
3230
+ top: 24;
3231
+ right: 0;
3232
+ background: #fff;
3233
+ width: 300px;
3234
+ z-index: 9999;
3235
+ border: 1px solid #cdcdcd;
3236
+ }
3237
+
3238
+ /**
3239
+ * Main Content
3240
+ *
3241
+ */
3242
+
3243
+ #map-root {
3244
+ border: #c0e9f8 7px solid;
3245
+ margin-top: 5px;
3246
+ }
3247
+
3248
+ /**
3249
+ * Right Sidebar
3250
+ *
3251
+ */
3252
+
3253
+ #region-list {
3254
+
3255
+ }
3256
+
3257
+ #region-list h1 {
3258
+ height: 20px;
3259
+ width: 266px;
3260
+ background: #fff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left;
3261
+ font: bold 14px Arial, Helvetica, sans-serif;
3262
+ padding: 5px;
3263
+ border-bottom: 1px solid #c0e9f8;
3264
+ }
3265
+
3266
+ .region-list-hoods {
3267
+ clear: both;
3268
+ margin: 5px;
3269
+ float: right;
3270
+ padding-left: 8px;
3271
+ font-size: 11px;
3272
+ font-style: italic;
3273
+ }
3274
+
3275
+ .region-list-title {
3276
+ font-weight: bold;
3277
+ color: #F08711;
3278
+ }
3279
+
3280
+ #region-list ul {
3281
+ padding: 0;
3282
+ margin: 5px 10px 0 0;
3283
+ list-style: none;
3284
+ }
3285
+
3286
+ #region-list ul li {
3287
+ padding: 5px;
3288
+ border: 1px solid #fff;
3289
+ margin-bottom: 2px;
3290
+ }
3291
+
3292
+ #region-list ul li:hover,
3293
+ #region-list .city-highlight {
3294
+ background: #f5fbfd;
3295
+ border: 1px solid #c0e9f8;
3296
+ }
3297
+
3298
+ #region-list ul li img {
3299
+ float: left;
3300
+ margin-right: 5px;
3301
+ padding: 2px;
3302
+ border: 1px solid #ccc;
3303
+ }
3304
+
3305
+ .root-num-hoods,.root-num-biz {
3306
+ font-size: 11px;
3307
+ color: #666;
3308
+ padding-left: 13px;
3309
+ background: url("http://static.csimg.com/v2/img/small-green-arrow.png") no-repeat;
3310
+ background-position: 0% 50%;
3311
+ }
3312
+
3313
+ .quick-look-trigger {
3314
+ font-size: 11px;
3315
+ padding-left: 8px;
3316
+ }
3317
+
3318
+ .sort-type,.sort-text,.state-select {
3319
+ font-size: 11px;
3320
+ color: #999;
3321
+ }
3322
+
3323
+ .sort-type {
3324
+ padding: 2px;
3325
+ }
3326
+
3327
+ .sort-text,.state-select {
3328
+ font-style: italic;
3329
+ }
3330
+
3331
+ .sort-selected {
3332
+ text-decoration: none;
3333
+ background: #209fca;
3334
+ color: #fff;
3335
+ }
3336
+
3337
+ #region-city-sort-options {
3338
+ margin: 5px 0 5px 0;
3339
+ }
3340
+
3341
+ .root-add-image {
3342
+ background: url("http://static.csimg.com/v2/img/root-no-image.png") no-repeat 2px 2px;
3343
+ height: 60px;
3344
+ width: 60px;
3345
+ padding: 2px;
3346
+ border: 1px solid #ccc;
3347
+ float: left;
3348
+ margin-right: 5px;
3349
+ }
3350
+
3351
+ .root-add-image-link,
3352
+ .root-vote-now-link {
3353
+ height: 17px;
3354
+ font-size: 10px;
3355
+ text-align: center;
3356
+ margin: 0 auto;
3357
+ line-height: 17px;
3358
+ }
3359
+
3360
+ .root-add-image-link {
3361
+ background: url("http://static.csimg.com/v2/img/root-add-one-sprite.gif") no-repeat top left;
3362
+ margin-top: 38px;
3363
+ width: 52px;
3364
+ }
3365
+
3366
+ .root-vote-now-link {
3367
+ background: url("http://static.csimg.com/v2/img/root-vote-now-sprite.gif") no-repeat top left;
3368
+ margin-top: 4px;
3369
+ width: 56px;
3370
+ }
3371
+
3372
+ .root-add-image-link:hover {
3373
+ background-position: 0 -17px;
3374
+ }
3375
+
3376
+ .root-vote-now-link:hover {
3377
+ background-position: 0 -17px;
3378
+ }
3379
+
3380
+ .root-add-image-link a,
3381
+ .root-vote-now-link a {
3382
+ color: #fff;
3383
+ display: block;
3384
+ height: 17px;
3385
+ }
3386
+
3387
+ .root-vote-now-link {
3388
+ color: #fff;
3389
+ }
3390
+
3391
+ .root-add-image-link a {
3392
+ width: 52px;
3393
+ }
3394
+
3395
+ .root-vote-now-link a {
3396
+ width: 56px;
3397
+ }
3398
+
3399
+ .root-vote {
3400
+ background: url("http://static.csimg.com/v2/img/root-vote-bg.png") no-repeat;
3401
+ height: 68px;
3402
+ width: 68px;
3403
+ float: right;
3404
+ margin-right: 10px;
3405
+ }
3406
+
3407
+ /**
3408
+ * State List
3409
+ *
3410
+ */
3411
+
3412
+ #root-state-list {
3413
+ width: 635px;
3414
+ background: url("http://static.csimg.com/v2/img/root-state-list-bg.png") repeat-x bottom left;
3415
+ border-bottom: 1px solid #bddaa3;
3416
+ padding: 10px 0 0 5px;
3417
+ margin: 0 auto;
3418
+ }
3419
+
3420
+ #root-state-list a {
3421
+ color: #6b9e41;
3422
+ padding: 3px 5px 3px 5px;
3423
+ float: left;
3424
+ margin: 3px 5px 10px 0;
3425
+ }
3426
+
3427
+ #root-state-list a.selected {
3428
+ text-decoration: none;
3429
+ color: #fff;
3430
+ background: #6b9e41;
3431
+ font-weight: bold;
3432
+ }
3433
+
3434
+ #content-right {
3435
+ border-left: 1px solid #bddaa3;
3436
+ }
3437
+
3438
+ /**
3439
+ * Regions in a state list
3440
+ *
3441
+ */
3442
+
3443
+ #root-state-region-list {
3444
+ font-family: Arial, Helvetica, sans-serif;
3445
+ width: 630px;
3446
+ margin: 0 auto;
3447
+ margin-bottom: 40px;
3448
+ padding: 5px;
3449
+ }
3450
+
3451
+ #root-state-region-list h2 {
3452
+ color: #6b9e41;
3453
+ font-size: 14px;
3454
+ }
3455
+
3456
+ #root-state-region-list ul.region-list,#root-state-region-list ul.city-list {
3457
+ padding: 0;
3458
+ margin: 0;
3459
+ list-style: none;
3460
+ }
3461
+
3462
+ ul.region-list li {
3463
+ background: #fff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left;
3464
+ padding: 5px;
3465
+ }
3466
+
3467
+ ul.region-list li h3 {
3468
+ font-weight: bold;
3469
+ color: #15718f;
3470
+ font-size: 12px;
3471
+ }
3472
+
3473
+ ul.city-list li {
3474
+ float: left;
3475
+ padding: 5px 0 5px 8px;
3476
+ margin: 0 0 0 10px;
3477
+ background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat;
3478
+ background-position: 0% 50%;
3479
+ }
3480
+
3481
+ #root-state-region-list .see-more-link {
3482
+ float: right;
3483
+ font-size: 10px;
3484
+ }
3485
+
3486
+ /**
3487
+ * Quick Look
3488
+ *
3489
+ */
3490
+
3491
+ #quick-look-container {
3492
+ width: 606px;
3493
+ height: 620px;
3494
+ padding-top: 25px;
3495
+ border: #c0e9f8 7px solid;
3496
+ padding: 10px;
3497
+ overflow: auto;
3498
+ position: relative;
3499
+ margin-top: 5px;
3500
+ }
3501
+
3502
+ .standard-container {
3503
+ background: url("http://static.csimg.com/v2/img/quick-look-bg.png") repeat-x top left;
3504
+ }
3505
+
3506
+ .container-loading {
3507
+ background: url("http://static.csimg.com/v2/img/blue-loader.gif") no-repeat 50% 50%;
3508
+ }
3509
+
3510
+ #quick-look {
3511
+
3512
+ }
3513
+
3514
+ .quick-look-close {
3515
+ position: absolute;
3516
+ top: 5px;
3517
+ right: 5px;
3518
+ }
3519
+
3520
+ #quick-look-city-header {
3521
+ border-bottom: 1px solid #dfdfdf;
3522
+ }
3523
+
3524
+ #quick-look .business-name {
3525
+ float: left;
3526
+ display: block;
3527
+ width: 100%;
3528
+ }
3529
+
3530
+ #quick-look .address {
3531
+ padding: 2px;
3532
+ font-size: 12px;
3533
+ clear: both;
3534
+ }
3535
+
3536
+ #quick-look .phone {
3537
+ font-size: 14px;
3538
+ font-weight: bold;
3539
+ color: #666;
3540
+ float: left;
3541
+ padding: 2px;
3542
+ }
3543
+
3544
+ #quick-look .ratings {
3545
+ float: left;
3546
+ margin-left: 10px;
3547
+ margin-top: 2px;
3548
+ }
3549
+
3550
+ #quick-look .reviews {
3551
+ font-style: italic;
3552
+ margin-left: 5px;
3553
+ }
3554
+
3555
+ .dest {
3556
+ font-weight: bold;
3557
+ }
3558
+
3559
+ #quick-look .dest {
3560
+ font-weight: normal;
3561
+ font-style: italic;
3562
+ display: inline;
3563
+ font-size: 11px;
3564
+ }
3565
+
3566
+ #quick-look .headline {
3567
+ border-bottom: 1px solid #DFDFDF;
3568
+ }
3569
+
3570
+ .extra-row .video-link,.extra-row .ratings,#quick-look .stars,#quick-look .title,#quick-look .sub-title {
3571
+ float: left;
3572
+ }
3573
+
3574
+ .video-link {
3575
+ margin-left: 5px;
3576
+ }
3577
+
3578
+ #quick-look .sub-title {
3579
+ clear: left;
3580
+ }
3581
+
3582
+ .extra-row .video-link {
3583
+ margin-top: 2px;
3584
+ }
3585
+
3586
+ #quick-look .view-all,#quick-look .view-all-bottom {
3587
+ float: right;
3588
+ margin: 5px;
3589
+ padding-left: 8px;
3590
+ background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat;
3591
+ background-position: 0% 50%;
3592
+ font-size: 11px;
3593
+ }
3594
+
3595
+ #quick-look .view-all-bottom {
3596
+ font-size: 12px;
3597
+ }
3598
+
3599
+ #quick-look .biz-count {
3600
+ font-size: 14px;
3601
+ color: #666;
3602
+ padding-top: 10px;
3603
+ }
3604
+
3605
+ #quick-look .biz-count-num {
3606
+ color: #2685A4;
3607
+ font-weight: bold;
3608
+ }
3609
+
3610
+ #quick-look .description {
3611
+ width: 340px;
3612
+ }
3613
+
3614
+ #quick-look .video-link {
3615
+ background: url("http://static.csimg.com/v2/img/control_play_blue.gif") no-repeat;
3616
+ padding-left: 20px;
3617
+ }
3618
+
3619
+ #quick-look-navigation {
3620
+ border-bottom: 1px solid #dfdfdf;
3621
+ padding: 10px 0 0 5px;
3622
+ margin: 0 auto;
3623
+ }
3624
+
3625
+ #quick-look-navigation a {
3626
+ color: #2685A4;
3627
+ padding: 3px 5px 3px 5px;
3628
+ float: left;
3629
+ margin: 3px 5px 10px 0;
3630
+ }
3631
+
3632
+ #quick-look-navigation a.selected {
3633
+ text-decoration: none;
3634
+ color: #fff;
3635
+ background: #2685A4;
3636
+ font-weight: bold;
3637
+ }
3638
+
3639
+ /* Quick Look Featured Items */
3640
+
3641
+ ul.root-featured li:hover {
3642
+ background-color: #EDF9FC;
3643
+ }
3644
+
3645
+ ul.root-featured div.icon {
3646
+ width: 60px;
3647
+ height: 60px;
3648
+ margin-left: 10px;
3649
+ border: 1px solid #ccc;
3650
+ background: none;
3651
+ padding: 5px;
3652
+ }
3653
+
3654
+ ul.root-featured div.icon img {
3655
+ padding: 0;
3656
+ margin: 0;
3657
+ }
3658
+
3659
+ ul.root-featured {
3660
+ margin: 0;
3661
+ padding: 0;
3662
+ list-style: none;
3663
+ font-size: 11px;
3664
+ color: #6F6F6F;
3665
+ line-height: 17px;
3666
+ }
3667
+
3668
+ ul.root-featured li {
3669
+ width: 100%;
3670
+ padding: 15px 0 15px 0;
3671
+ overflow: hidden;
3672
+ border-bottom: 1px solid #DFDFDF;
3673
+ }
3674
+
3675
+ ul.root-featured strong.head {
3676
+ font-size: 16px;
3677
+ }
3678
+
3679
+ ul.root-featured div.columns {
3680
+ width: 100%;
3681
+ overflow: hidden;
3682
+ padding-bottom: 4px;
3683
+ }
3684
+
3685
+ ul.root-featured div.columns div.left {
3686
+ width: 250px;
3687
+ padding-right: 38px;
3688
+ float: left;
3689
+ }
3690
+
3691
+ ul.root-featured div.columns div.right {
3692
+ width: 200px;
3693
+ float: right;
3694
+ }
3695
+
3696
+ ul.root-featured dl.info {
3697
+ margin: 0;
3698
+ padding: 0;
3699
+ width: 100%;
3700
+ overflow: hidden;
3701
+ }
3702
+
3703
+ ul.root-featured dl.info dt {
3704
+ display: block;
3705
+ float: left;
3706
+ clear: left;
3707
+ margin: 0;
3708
+ padding: 0 0px 0 0;
3709
+ }
3710
+
3711
+ ul.root-featured dl.info dd {
3712
+ margin: 0;
3713
+ padding: 0;
3714
+ display: block;
3715
+ text-transform: capitalize;
3716
+ }
3717
+
3718
+ ul.root-featured dl.info dd a {
3719
+ color: #1C8BB0;
3720
+ }
3721
+
3722
+ ul.root-featured p.contact {
3723
+ padding: 0;
3724
+ font-size: 12px;
3725
+ }
3726
+
3727
+ ul.root-featured p.contact span {
3728
+ display: block;
3729
+ }
3730
+
3731
+ ul.root-featured p.contact span.phone {
3732
+ color: #1C8BB0;
3733
+ }
3734
+
3735
+ ul.root-featured p.comment {
3736
+ color: #525252;
3737
+ padding: 0;
3738
+ }
3739
+
3740
+ ul.root-featured p.rate {
3741
+ padding: 0 0 3px 0;
3742
+ width: 100%;
3743
+ overflow: hidden;
3744
+ }
3745
+
3746
+ ul.root-featured p.rate a {
3747
+ font-style: italic;
3748
+ }
3749
+
3750
+ ul.root-featured p.rate span.stars {
3751
+ float: left;
3752
+ margin-right: 5px;
3753
+ }
3754
+
3755
+ /* Tab set */
3756
+
3757
+ #root-tabs {
3758
+ font: bold 14px Arial, Helvetica, sans-serif;
3759
+ color: #167696;
3760
+ width: 640px;
3761
+ text-align: center;
3762
+ }
3763
+
3764
+ .root-tab-border {
3765
+ border-bottom: 1px solid #C0E9F8;
3766
+ }
3767
+
3768
+ #root-tabs ul {
3769
+ display: inline;
3770
+ }
3771
+
3772
+ #root-tabs li {
3773
+ list-style: none;
3774
+ display: inline;
3775
+ margin-right: 5px;
3776
+ text-align: center;
3777
+ }
3778
+
3779
+ #root-tabs a {
3780
+ background: url("http://static.csimg.com/v2/img/root-tab-bg.gif") repeat-x;
3781
+ text-decoration: none;
3782
+ display: block;
3783
+ float: left;
3784
+ overflow: hidden;
3785
+ height: 33px;
3786
+ width: 64px;
3787
+ color: #167696;
3788
+ line-height: 30px;
3789
+ margin-left: 3px;
3790
+ position: relative;
3791
+ bottom: -1px;
3792
+ border-left: 1px solid #C0E9F8;
3793
+ border-right: 1px solid #C0E9F8;
3794
+ border-top: 1px solid #C0E9F8;
3795
+ }
3796
+
3797
+ #root-tabs .active a {
3798
+ border-bottom: 1px solid #fff;
3799
+ background: #fff;
3800
+ }
3801
+
3802
+ #root-tabs .navigate {
3803
+ font: 11px Arial, Helvetica, sans-serif;
3804
+ font-weight: normal;
3805
+ text-decoration: none;
3806
+ display: block;
3807
+ float: left;
3808
+ overflow: hidden;
3809
+ height: 33px;
3810
+ color: #167696;
3811
+ line-height: 33px;
3812
+ margin-left: 10px;
3813
+ }
3814
+
3815
+ /* @end */
3816
+
3817
+ /* @group Form */
3818
+
3819
+ .form-text label {
3820
+ padding-top: 6px;
3821
+ display: block;
3822
+ }
3823
+
3824
+ .user-form {
3825
+ padding-bottom: 6px;
3826
+ }
3827
+
3828
+ .user-form label {
3829
+ display: block;
3830
+ }
3831
+
3832
+ .user-form input {
3833
+
3834
+ }
3835
+
3836
+ #user-edit label {
3837
+ padding-top: 6px;
3838
+ display: block;
3839
+ }
3840
+
3841
+ #user-edit .description {
3842
+ font-size: 11px;
3843
+ color: #777;
3844
+ padding-left: 0;
3845
+ }
3846
+
3847
+ #user-edit fieldset {
3848
+ background: #FFF;
3849
+ border: 3px double #C2E2EC;
3850
+ }
3851
+
3852
+ #user-edit legend {
3853
+ font-size: 14px;
3854
+ color: #333;
3855
+ font-weight: bold;
3856
+ }
3857
+
3858
+ .user-form-off {
3859
+ color: #858585;
3860
+ background-color: #EAEAEA;
3861
+
3862
+ /*filter: alpha(opacity=50);
3863
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
3864
+ -moz-opacity: 0.50;
3865
+ opacity:0.5;*/
3866
+ }
3867
+
3868
+ #node-form label {
3869
+ padding-top: 6px;
3870
+ display: block;
3871
+ }
3872
+
3873
+ #node-form fieldset {
3874
+ background: #FFF;
3875
+ border: 3px double #C2E2EC;
3876
+ }
3877
+
3878
+ #node-form legend {
3879
+ font-size: 14px;
3880
+ color: #333;
3881
+ font-weight: bold;
3882
+ }
3883
+
3884
+ #node-form .description {
3885
+ font-size: 11px;
3886
+ color: #777;
3887
+ padding-left: 0;
3888
+ }
3889
+
3890
+ #profile-edit ul {
3891
+ padding: 8px 0 22px 0;
3892
+ margin: 0;
3893
+ list-style: none;
3894
+ }
3895
+
3896
+ #profile-edit ul li {
3897
+ display: inline;
3898
+ list-style: none;
3899
+ margin-right: 6px;
3900
+ }
3901
+
3902
+ #profile-edit ul li {
3903
+ background: url("http://static.csimg.com/v2/img/button-profile-basic-on-bg.gif") repeat-x;
3904
+ border: 1px solid #C2E2EC;
3905
+ color: #166C89;
3906
+ padding-top: 6px;
3907
+ padding-bottom: 6px;
3908
+ padding-left: 10px;
3909
+ padding-right: 10px;
3910
+ font-size: 11px;
3911
+ font-weight: normal;
3912
+ }
3913
+
3914
+ #profile-edit ul li a {
3915
+ color: #1A83A6;
3916
+ }
3917
+
3918
+ #profile-edit ul li a.active {
3919
+ color: #1A83A6;
3920
+ font-weight: bold;
3921
+ text-decoration: none;
3922
+ }
3923
+
3924
+ /* @end */
3925
+
3926
+ /* @group Claim */
3927
+
3928
+ #claim-notice {
3929
+ border: 1px solid #B1E4F1;
3930
+ background: url("http://static.csimg.com/v2/img/claim-biz-bg.gif") repeat-x;
3931
+ width: 622px;
3932
+ height: 37px;
3933
+ font-size: 12px;
3934
+ color: #2186B1;
3935
+ padding: 7px 0 0 8px;
3936
+ margin: 0px 0px 10px 10px;
3937
+ }
3938
+
3939
+ #claim-notice img {
3940
+ float: left;
3941
+ padding: 0 15px 0 0;
3942
+ }
3943
+
3944
+ #claim-notice a {
3945
+ color: #19BDE7;
3946
+ }
3947
+
3948
+ #fail-notice {
3949
+ border: 1px solid #E0A3A3;
3950
+ background: url("http://static.csimg.com/v2/img/fail-biz-bg.gif") repeat-x;
3951
+ width: 600px;
3952
+ height: 37px;
3953
+ font-size: 12px;
3954
+ color: #BB3E3E;
3955
+ padding: 7px 0px 0px 15px;
3956
+ margin: 0 0 10px 0;
3957
+ }
3958
+
3959
+ #fail-notice img {
3960
+ float: left;
3961
+ padding: 0 15px 0 0;
3962
+ }
3963
+
3964
+ #fail-notice a {
3965
+ color: #19BDE7;
3966
+ }
3967
+
3968
+ #receipt {
3969
+
3970
+ }
3971
+
3972
+ #contract-cta {
3973
+ background: #E2EDC9 url("http://static.csimg.com/v2/img/contract-cta.png") no-repeat;
3974
+ height: 122px;
3975
+ width: 624px;
3976
+ border: 4px solid #BDD685;
3977
+ margin: 0 0 0 10px;
3978
+ position: relative;
3979
+ }
3980
+
3981
+ #contract-cta-price {
3982
+ position: absolute;
3983
+ top: 15px;
3984
+ left: 13px;
3985
+ }
3986
+
3987
+ #contract-cta-price .price {
3988
+ color: #3C3C3C;
3989
+ font-size: 31px;
3990
+ }
3991
+
3992
+ #contract-cta-price .terms {
3993
+ color: #5F7627;
3994
+ font-size: 11px;
3995
+ }
3996
+
3997
+ #owner-info {
3998
+ font-size: 12px;
3999
+ font-style: italic;
4000
+ color: #777;
4001
+ }
4002
+
4003
+ #commerce-claim-business-form {
4004
+ padding: .5em;
4005
+ margin-bottom: 1em;
4006
+ }
4007
+
4008
+ #commerce-claim-business-form .description {
4009
+ font-size: 12px;
4010
+ color: #444;
4011
+ width: auto;
4012
+ padding-top: 2em;
4013
+ }
4014
+
4015
+ #commerce-claim-business-form label {
4016
+ font-weight: normal;
4017
+ color: #777;
4018
+ }
4019
+
4020
+ #commerce-claim-business-form .form-checkbox {
4021
+ width: auto;
4022
+ display: inline;
4023
+ }
4024
+
4025
+ #commerce-claim-business-form input {
4026
+ font-size: 16px;
4027
+ padding: 4px;
4028
+ color: #444;
4029
+ display: table;
4030
+ width: 70%;
4031
+ font-weight: bold;
4032
+ }
4033
+
4034
+ #commerce-claim-business-form select {
4035
+ font-size: 16px;
4036
+ padding: 4px;
4037
+ color: #444;
4038
+ font-weight: bold;
4039
+ }
4040
+
4041
+ #commerce-claim-business-form fieldset {
4042
+ display: block;
4043
+ width: 100%;
4044
+ border: 1px solid #B1E4F1;
4045
+ padding: .5em;
4046
+ }
4047
+
4048
+ #commerce-claim-business-form #edit-submit {
4049
+ width: auto;
4050
+ padding: 0;
4051
+ display: inline;
4052
+ }
4053
+ /* @end */
4054
+
4055
+ /* @group Amenities */
4056
+
4057
+ #details div.amenities dl {
4058
+ margin: 0;
4059
+ padding: 0;
4060
+ line-height: 22px;
4061
+ }
4062
+
4063
+ #details div.amenities dl.left {
4064
+ width: 220px;
4065
+ float: left;
4066
+ }
4067
+
4068
+ #details div.amenities dl.right {
4069
+ padding-left: 10px;
4070
+ width: 150px;
4071
+ float: left;
4072
+ }
4073
+
4074
+ #details div.amenities dl dt {
4075
+ margin: 0;
4076
+ padding: 0;
4077
+ display: block;
4078
+ float: left;
4079
+ clear: left;
4080
+ }
4081
+
4082
+ #details div.amenities dl.left dt {
4083
+ width: 145px;
4084
+ }
4085
+
4086
+ #details div.amenities dl.right dt {
4087
+ width: 85px;
4088
+ }
4089
+
4090
+ #details div.amenities dl dd {
4091
+ margin: 0;
4092
+ padding: 0;
4093
+ display: block;
4094
+ float: left;
4095
+ }
4096
+
4097
+ * html #details div.amenities dl dd {
4098
+ float: none;
4099
+ }
4100
+
4101
+ * + html #details div.amenities dl dd {
4102
+ float: none;
4103
+ }
4104
+
4105
+ #details div.amenities span.yes, #details div.amenities span.no {
4106
+ margin-top: 3px;
4107
+ }
4108
+
4109
+ a.remove_amenity {
4110
+ text-decoration: none;
4111
+ }
4112
+
4113
+ a.remove_amenity:hover {
4114
+ color: #FF0000;
4115
+ }
4116
+
4117
+ .amenity_content {
4118
+ margin: 10px;
4119
+ display: inline;
4120
+ }
4121
+
4122
+ .amenities_options {
4123
+ margin-left: 10px;
4124
+ }
4125
+
4126
+ #details div.amenities {
4127
+ width: 100%;
4128
+ overflow: hidden;
4129
+ }
4130
+
4131
+ /* @end */
4132
+
4133
+ /* @group Search */
4134
+
4135
+ /* testimonials box section */
4136
+
4137
+ div.testimonial {
4138
+ margin-bottom: 40px;
4139
+ }
4140
+
4141
+ div.testimonial div.box {
4142
+ margin-bottom: 0;
4143
+ padding-bottom: 35px;
4144
+ background-image: url("http://static.csimg.com/v2/img/box-bottom-testimonial.gif");
4145
+ color: #6F6F6F;
4146
+ font-style: italic;
4147
+ font-size: 13px;
4148
+ }
4149
+
4150
+ div.testimonial div.box div.box-body {
4151
+ padding: 15px 25px 0 25px;
4152
+ }
4153
+
4154
+ div.testimonial p.author {
4155
+ padding: 0 0 0 130px;
4156
+ margin: -15px 0 0 0;
4157
+ color: #6F6F6F;
4158
+ }
4159
+
4160
+ /* quick search form section */
4161
+
4162
+ #quick-search {
4163
+ padding: 20px 0 30px 0;
4164
+ width: 100%;
4165
+ overflow: hidden;
4166
+ }
4167
+
4168
+ #quick-search p {
4169
+ width: 100%;
4170
+ overflow: hidden;
4171
+ margin: 0;
4172
+ padding: 0 0 10px 0;
4173
+ }
4174
+
4175
+ #quick-search label {
4176
+ display: block;
4177
+ float: left;
4178
+ width: 150px;
4179
+ }
4180
+
4181
+ #quick-search input.text {
4182
+ width: 200px;
4183
+ display: block;
4184
+ margin: 0 0 0 150px;
4185
+ }
4186
+
4187
+ #quick-search input.submit {
4188
+ margin: 0 0 0 150px;
4189
+ float: left;
4190
+ display: inline;
4191
+ }
4192
+
4193
+ /* faceted search section */
4194
+
4195
+ #faceted-search {
4196
+ padding: 2px;
4197
+ }
4198
+
4199
+ #faceted-search #distance-bar {
4200
+ padding-top: 8px;
4201
+ padding-bottom: 8px;
4202
+ text-align: center;
4203
+ font-weight: normal;
4204
+ color: #666;
4205
+ }
4206
+
4207
+ #faceted-search #distance-text {
4208
+ text-align: center;
4209
+ font-weight: normal;
4210
+ color: #666;
4211
+ }
4212
+
4213
+ #faceted-search #distance-text span {
4214
+ color: #2383A3;
4215
+ font-weight: normal;
4216
+ font-size: 170%;
4217
+ }
4218
+
4219
+ #faceted-search #star-5 {
4220
+ background: url("http://static.csimg.com/v2/img/star-rating-5.gif") no-repeat right;
4221
+ }
4222
+
4223
+ #faceted-search #star-4 {
4224
+ background: url("http://static.csimg.com/v2/img/star-rating-4.gif") no-repeat right;
4225
+ }
4226
+
4227
+ #faceted-search #star-3 {
4228
+ background: url("http://static.csimg.com/v2/img/star-rating-3.gif") no-repeat right;
4229
+ }
4230
+
4231
+ #faceted-search #star-2 {
4232
+ background: url("http://static.csimg.com/v2/img/star-rating-2.gif") no-repeat right;
4233
+ }
4234
+
4235
+ #faceted-search #star-1 {
4236
+ background: url("http://static.csimg.com/v2/img/star-rating-1.gif") no-repeat right;
4237
+ }
4238
+
4239
+ #faceted-search div.toggle {
4240
+ padding-right: 12px;
4241
+ text-align: right;
4242
+ background: url("http://static.csimg.com/v2/img/arrow-more-blue-fs.gif") no-repeat right;
4243
+ }
4244
+
4245
+ #faceted-search div.toggle a {
4246
+ color: #2CA4CB;
4247
+ font-weight: normal;
4248
+ text-decoration: underline;
4249
+ }
4250
+
4251
+ #faceted-search div.toggle a:hover {
4252
+ color: #666;
4253
+ }
4254
+
4255
+ #faceted-search h4 {
4256
+ color: #F08711;
4257
+ font-size: 100%;
4258
+ }
4259
+
4260
+ #faceted-search #holder {
4261
+ color: #1C6882;
4262
+ font-size: 85%;
4263
+ font-weight: bold;
4264
+ padding-top: 10px;
4265
+ padding-bottom: 10px;
4266
+ border-bottom: 1px solid #E4E4E4;
4267
+ }
4268
+
4269
+ #faceted-search #holder ul {
4270
+ text-align: left;
4271
+ margin: 0;
4272
+ padding: 0;
4273
+ list-style: none;
4274
+ padding-top: 4px;
4275
+ }
4276
+
4277
+ #faceted-search #holder li {
4278
+ font-weight: normal;
4279
+ color: #666666;
4280
+ list-style: none;
4281
+ line-height: 1.4em;
4282
+ }
4283
+
4284
+ #faceted-search #holder span.fq-selected {
4285
+ font-weight: bold;
4286
+ padding-left: 12px;
4287
+ background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left;
4288
+ color: #666666;
4289
+ }
4290
+
4291
+ #faceted-search #holder li a {
4292
+ color: #2CA4CB;
4293
+ text-decoration: underline;
4294
+ }
4295
+
4296
+ #faceted-search #holder li a:hover {
4297
+ color: #666;
4298
+ text-decoration: underline;
4299
+ }
4300
+
4301
+ #faceted-search li span, #faceted-search li span a {
4302
+ font-weight: normal;
4303
+ color: #949494;
4304
+ text-decoration: none;
4305
+ }
4306
+
4307
+ #faceted-search #holder-alpha {
4308
+ color: #1C6882;
4309
+ font-size: 85%;
4310
+ font-weight: bold;
4311
+ padding-top: 10px;
4312
+ padding-bottom: 10px;
4313
+ border-bottom: 1px solid #E4E4E4;
4314
+ }
4315
+
4316
+ #faceted-search #holder-alpha ul {
4317
+ list-style: none;
4318
+ text-align: left;
4319
+ margin: 0;
4320
+ padding: 0;
4321
+ padding-top: 4px;
4322
+ }
4323
+
4324
+ #faceted-search #holder-alpha li {
4325
+ list-style: none;
4326
+ float: left;
4327
+ font-weight: normal;
4328
+ color: #666666;
4329
+ padding-right: 6px;
4330
+ line-height: 1.4em;
4331
+ }
4332
+
4333
+ #faceted-search #holder-alpha span.location {
4334
+ font-weight: normal;
4335
+ color: #666666;
4336
+ font-size: 90%;
4337
+ }
4338
+
4339
+ #faceted-search #holder-alpha li.fq-selected {
4340
+ font-weight: bold;
4341
+ padding-left: 12px;
4342
+ background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left;
4343
+ }
4344
+
4345
+ #faceted-search #holder-alpha li a {
4346
+ color: #2CA4CB;
4347
+ text-decoration: underline;
4348
+ }
4349
+
4350
+ #faceted-search #holder-alpha li a:hover {
4351
+ color: #666;
4352
+ text-decoration: underline;
4353
+ }
4354
+
4355
+ #faceted-search #holder-alpha .clear-left {
4356
+ clear: left;
4357
+ }
4358
+
4359
+ .faceted-search-remove-filter {
4360
+ padding-right: 15px;
4361
+ background: url("http://static.csimg.com/v2/img/close-fs.gif") no-repeat right;
4362
+ }
4363
+
4364
+ /* @end */
4365
+
4366
+ div.message-send {
4367
+ width: 100%;
4368
+ overflow: hidden;
4369
+ margin-bottom: 19px;
4370
+ font-size: 11px;
4371
+ }
4372
+
4373
+ div.message-send strong.head {
4374
+ color: #1C8BB0;
4375
+ font-size: 12px;
4376
+ padding-bottom: 0;
4377
+ }
4378
+
4379
+ div.message-send label {
4380
+ display: block;
4381
+ font-weight: bold;
4382
+ color: #4D4D4D;
4383
+ padding-top: 10px;
4384
+ padding-bottom: 2px;
4385
+ }
4386
+
4387
+ div.message-send label.disabled {
4388
+ color: #A6A6A6;
4389
+ }
4390
+
4391
+ div.message-send textarea {
4392
+ width: 98%;
4393
+ border: 1px solid #E9E7E3;
4394
+ margin: 0 0 8px 0;
4395
+ padding: 0;
4396
+ color: #4D4D4D;
4397
+ display: block;
4398
+ background-color: #FFF;
4399
+ height: 105px;
4400
+ }
4401
+
4402
+ div.comments {
4403
+ background: none !important;
4404
+ }
4405
+
4406
+ div.comments div.box-body {
4407
+ margin-left: 6px;
4408
+ padding-left: 10px;
4409
+ background-image: none !important;
4410
+ margin-bottom: 4px;
4411
+ width: 637px;
4412
+ }
4413
+
4414
+ div.comments .headline h2 {
4415
+ padding-left: 18px;
4416
+ font-size: 12px;
4417
+ color: #666;
4418
+ }
4419
+
4420
+ ul.clist {
4421
+ margin: 0;
4422
+ padding: 0;
4423
+ list-style: none;
4424
+ font-size: 12px;
4425
+ color: #4A4A4A;
4426
+ }
4427
+
4428
+ ul.clist a {
4429
+ color: #1A83A6;
4430
+ }
4431
+
4432
+ ul.clist li {
4433
+ width: 100%;
4434
+ overflow: hidden;
4435
+ padding-bottom: 22px;
4436
+ }
4437
+
4438
+ ul.clist div.icon {
4439
+ font-size: 11px;
4440
+ font-weight: bold;
4441
+ text-align: center;
4442
+ }
4443
+
4444
+ ul.clist div.icon img {
4445
+ padding: 3px;
4446
+ border: 1px solid #B7D2DF;
4447
+ background-color: #FFF;
4448
+ margin-top: 3px;
4449
+ }
4450
+
4451
+ ul.clist p.date {
4452
+ display: block;
4453
+ font-size: 11px;
4454
+ color: #017294;
4455
+ font-weight: bold;
4456
+ padding-bottom: 8px;
4457
+ }
4458
+
4459
+ #user-login .box-body .user-form {
4460
+ padding-left: 10px;
4461
+ }
4462
+
4463
+ #user-login .box-body p {
4464
+ padding-left: 10px;
4465
+ }
4466
+
4467
+ #user-login #edit-submit {
4468
+ margin-left: 10px;
4469
+ }
4470
+
4471
+ #user-login h1 {
4472
+ margin: 0;
4473
+ padding-bottom: 6px;
4474
+ }
4475
+
4476
+ #user-register .box-body .user-form {
4477
+ padding-left: 10px;
4478
+ }
4479
+
4480
+ #user-register .box-body p {
4481
+ padding-left: 10px;
4482
+ text-align: left;
4483
+ }
4484
+
4485
+ #user-register fieldset {
4486
+ display: table;
4487
+ color: #166C89;
4488
+ }
4489
+
4490
+ #user-register #edit-submit {
4491
+ margin-left: 10px;
4492
+ }
4493
+
4494
+ #user-register h1 {
4495
+ margin: 0;
4496
+ padding-bottom: 6px;
4497
+ }
4498
+
4499
+ .box-bg {
4500
+ padding-left: .5em
4501
+ }
4502
+
4503
+ .box-body {
4504
+ overflow: hidden;
4505
+ font-size: 12px;
4506
+ color: #666;
4507
+ border-top: 2px solid #C0E9F5;
4508
+ border-bottom: 2px solid #C0E9F5;
4509
+ background-color: #F1FCFE;
4510
+ }
4511
+
4512
+ .box-body .headline {
4513
+ padding-left: 10px;
4514
+ padding-top: 10px;
4515
+ }
4516
+
4517
+ .box-body .headline h1 {
4518
+ font-size: 182%;
4519
+ padding: 0;
4520
+ margin: 0;
4521
+ }
4522
+
4523
+ /* @end */
4524
+
4525
+ /* @group Spam
4526
+ ----------------------------------------------------------------------------------- */
4527
+ /* hide our fake form fields from bots */
4528
+
4529
+ form #edit-cs-firstname, form #edit-cs-lastname, form #edit-cs-firstname.form-text, form #edit-cs-lastname.form-text { display: none; }
4530
+
4531
+ /* @end */
4532
+
4533
+ /* @group Login
4534
+ ----------------------------------------------------------------------------------- */
4535
+
4536
+ #userLogin { color: #666; }
4537
+
4538
+ #userLogin h3 {
4539
+ font-size: 167%;
4540
+ font-weight: bold;
4541
+ color: #666;
4542
+ padding: 0;
4543
+ margin: 0;
4544
+ }
4545
+
4546
+ #userLogin label {
4547
+ display: block;
4548
+ font-weight: bold;
4549
+ width: 100%;
4550
+ padding: .5em 0;
4551
+ }
4552
+
4553
+ #userLogin .form-text {
4554
+ display: block;
4555
+ float: left;
4556
+ padding: .2em;
4557
+ color: #156782;
4558
+ font-weight: bold;
4559
+ font-size: 93%;
4560
+ width: 50%;
4561
+ }
4562
+
4563
+ #userLogin .form-required { display: none; }
4564
+
4565
+ #userLogin #userLinks { width: 50%; text-align: center; }
4566
+
4567
+ #userLogin .loginItem {
4568
+ float: left;
4569
+ display: block;
4570
+ padding: .5em;
4571
+ width: 100%;
4572
+ }
4573
+
4574
+
4575
+ #userSubmit { width: 50%; }
4576
+
4577
+ #userSubmit #edit-submit {
4578
+ border: 1px solid #999;
4579
+ padding: .3em .5em;
4580
+ background: #DDD;
4581
+ color: #333;
4582
+ margin: 0 auto;
4583
+ position: relative;
4584
+ display: block;
4585
+ width: 33%;
4586
+ }
4587
+
4588
+ #userSubmit #edit-submit:hover { background: #EEE; }
4589
+
4590
+
4591
+ #facebox .form-text,
4592
+ #facebox #userLinks,
4593
+ #facebox #userSubmit
4594
+ { width: 90%; }
4595
+
4596
+
4597
+ /* @end */
4598
+
4599
+ /* @group Lists
4600
+ ----------------------------------------------------------------------------------- */
4601
+
4602
+ #ftTop ul { margin: 0; list-style: none; }
4603
+ #ftTop ul li { display: inline; padding: 0 .5em; line-height: 1.5em; }
4604
+
4605
+ #ftBottom ul { margin: 0; list-style: none; }
4606
+ #ftBottom ul li { display: block; padding: .25em .75em .25em 0; line-height: 1.5em; float: left; }
4607
+
4608
+
4609
+ /* @group Lists */
4610
+
4611
+ /* @group Blue Arrow */
4612
+
4613
+ ul.blue-arrow li,
4614
+ ol.blue-arrow li
4615
+ { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -22px; padding: .2em 0 0 10px; }
4616
+
4617
+ /* @end */
4618
+
4619
+ /* @group Blue Background */
4620
+
4621
+ ul.blue-bg,
4622
+ ol.blue-bg
4623
+ { margin: .3em 0 0 0; border-top: 6px solid #1F9EC9; }
4624
+
4625
+ ul.blue-bg li,
4626
+ ol.blue-bg li {
4627
+ border-bottom: 1px solid #FFF;
4628
+ background: #EDF8FC;
4629
+ padding: .8em .5em;
4630
+ margin: 0;
4631
+ }
4632
+
4633
+ ul.blue-bg li:hover,
4634
+ ol.blue-bg li:hover
4635
+ { background: #FFF; }
4636
+
4637
+ ul.blue-bg li .icon,
4638
+ ol.blue-bg li .icon
4639
+ { float: left; display: inline; }
4640
+
4641
+ /* @end */
4642
+
4643
+ /* @group Blue Separator */
4644
+
4645
+ ul.blue-separator,
4646
+ ol.blue-separator,
4647
+ #aboutHood ul
4648
+ { margin: 0; padding: 0; }
4649
+
4650
+ ul.blue-separator li,
4651
+ ol.blue-separator li
4652
+ { border-bottom: 1px solid #C0E9F5; padding: .7em 0; margin: 0; }
4653
+
4654
+ ul.blue-separator li:hover,
4655
+ ol.blue-separator li:hover
4656
+ { background: #EDF8FC; }
4657
+
4658
+ ul.blue-separator li .icon,
4659
+ ol.blue-separator li .icon
4660
+ { float: left; display: inline; }
4661
+
4662
+ /* @end */
4663
+
4664
+ /* @group Spacer */
4665
+
4666
+ ul.spacer li,
4667
+ ol.spacer li
4668
+ { padding: .2em 0; }
4669
+
4670
+ /* @end */
4671
+
4672
+ /* @end */
4673
+
4674
+ #homeMain ul.blue-separator li,
4675
+ #homeMain ol.blue-separator li
4676
+ { border-bottom: 1px solid #EEE; }
4677
+
4678
+ #homeMain ul.blue-separator li .icon,
4679
+ #homeMain ol.blue-separator li .icon
4680
+ { margin-top: -2px; }
4681
+
4682
+ #homeLocations .navList { float: left; width: 33%; }
4683
+
4684
+ #aboutHood ul.photos li {
4685
+ float: left;
4686
+ padding: 4px 4px 0 4px;
4687
+ border: 2px solid #C0E9F5;
4688
+ margin: 3px 10px;
4689
+ background: #FFF;
4690
+ }
4691
+
4692
+ #aboutHood ul.photos li:hover {
4693
+ border: 2px solid #1F9EC9;
4694
+ }
4695
+
4696
+ /* @end */
4697
+
4698
+ /* @group Drupal
4699
+ ----------------------------------------------------------------------------------- */
4700
+
4701
+ /* @group Collapsing Fieldsets */
4702
+
4703
+ html.js fieldset.collapsed {
4704
+ border-bottom-width: 0;
4705
+ border-left-width: 0;
4706
+ border-right-width: 0;
4707
+ margin-bottom: 0;
4708
+ height: 1em;
4709
+ }
4710
+ html.js fieldset.collapsed * { display: none; }
4711
+ html.js fieldset.collapsed legend { display: block; }
4712
+ html.js fieldset.collapsible legend a {
4713
+ padding-left: 15px;
4714
+ background: url("../../misc/menu-expanded.png") 5px 75% no-repeat;
4715
+ }
4716
+ html.js fieldset.collapsed legend a {
4717
+ background-image: url("../../misc/menu-collapsed.png");
4718
+ background-position: 5px 50%;
4719
+ }
4720
+ /* Note: IE-only fix due to * html (breaks Konqueror otherwise). */
4721
+ * html.js fieldset.collapsed legend,
4722
+ * html.js fieldset.collapsed legend *,
4723
+ * html.js fieldset.collapsed table * {
4724
+ display: inline;
4725
+ }
4726
+ html.js fieldset.collapsible legend a {
4727
+ display: block;
4728
+ }
4729
+ /* Avoid jumping around due to margins collapsing into collapsible fieldset border */
4730
+ html.js fieldset.collapsible .fieldset-wrapper {
4731
+ overflow: auto;
4732
+ }
4733
+
4734
+ /* @end */
4735
+
4736
+ /* @group Suggestion List */
4737
+
4738
+ #autocomplete {
4739
+ position: absolute;
4740
+ border: 1px solid;
4741
+ overflow: hidden;
4742
+ z-index: 100;
4743
+ }
4744
+ #autocomplete ul {
4745
+ margin: 0;
4746
+ padding: 0;
4747
+ list-style: none;
4748
+ }
4749
+ #autocomplete li {
4750
+ background: #fff;
4751
+ color: #000;
4752
+ white-space: pre;
4753
+ cursor: default;
4754
+ }
4755
+ #autocomplete li.selected {
4756
+ background: #0072b9;
4757
+ color: #fff;
4758
+ }
4759
+
4760
+ /* @end */
4761
+
4762
+ /* @group Resizable Text Area */
4763
+
4764
+ .resizable-textarea {
4765
+ width: 95%;
4766
+ }
4767
+ .resizable-textarea .grippie {
4768
+ height: 9px;
4769
+ overflow: hidden;
4770
+ background: #eee url("../../misc/grippie.png") no-repeat center 2px;
4771
+ border: 1px solid #ddd;
4772
+ border-top-width: 0;
4773
+ cursor: s-resize;
4774
+ }
4775
+ html.js .resizable-textarea textarea {
4776
+ margin-bottom: 0;
4777
+ width: 100%;
4778
+ display: block;
4779
+ }
4780
+
4781
+ /* @end */
4782
+
4783
+ #blocks {
4784
+ border: 1px solid #CCC;
4785
+ }
4786
+
4787
+ #blocks thead {
4788
+ display: none;
4789
+ }
4790
+
4791
+ #blocks td {
4792
+ border-bottom: 1px solid #CCC;
4793
+ }
4794
+
4795
+ #blocks tr:hover {
4796
+ background: #FFF1D1;
4797
+ }
4798
+
4799
+ #blocks .region {
4800
+ font-weight: bold;
4801
+ border-bottom: 2px solid #CCC;
4802
+ text-transform: uppercase;
4803
+ text-align: center;
4804
+ }
4805
+
4806
+ #blocks .odd {
4807
+ background: #eaeaea;
4808
+ }
4809
+
4810
+ /* @end */