archetype 0.0.1.pre.12 → 0.0.1.pre.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. checksums.yaml +4 -4
  2. data/lib/archetype.rb +4 -0
  3. data/lib/archetype/actions/help.rb +16 -0
  4. data/lib/archetype/actions/theme.rb +73 -0
  5. data/lib/archetype/executor.rb +27 -0
  6. data/lib/archetype/functions/hash.rb +28 -12
  7. data/lib/archetype/functions/helpers.rb +46 -13
  8. data/lib/archetype/functions/styleguide_memoizer.rb +10 -2
  9. data/lib/archetype/sass_extensions/functions/lists.rb +36 -42
  10. data/lib/archetype/sass_extensions/functions/locale.rb +32 -16
  11. data/lib/archetype/sass_extensions/functions/styleguide.rb +127 -38
  12. data/lib/archetype/sass_extensions/functions/ui.rb +3 -2
  13. data/lib/archetype/sass_extensions/functions/version.rb +11 -6
  14. data/lib/archetype/sass_extensions/monkey_patches.rb +1 -1
  15. data/lib/archetype/version.rb +2 -2
  16. data/stylesheets/archetype/_base.scss +7 -2
  17. data/stylesheets/archetype/_config.scss +8 -1
  18. data/stylesheets/archetype/_hacks.scss +51 -17
  19. data/stylesheets/archetype/_ui.scss +16 -5
  20. data/stylesheets/archetype/base/_h5bp.scss +12 -12
  21. data/stylesheets/archetype/base/_normalize.scss +178 -139
  22. data/stylesheets/archetype/grid/_grid.scss +13 -13
  23. data/stylesheets/archetype/styleguide/components/_buttons.scss +1 -0
  24. data/stylesheets/archetype/util/_debug.scss +4 -4
  25. data/stylesheets/archetype/util/_lists.scss +1 -1
  26. data/stylesheets/archetype/util/_misc.scss +1 -1
  27. data/stylesheets/archetype/util/_rtl.scss +1 -1
  28. data/stylesheets/archetype/util/_spacing.scss +6 -6
  29. data/stylesheets/archetype/util/_styles.scss +21 -10
  30. data/stylesheets/archetype/util/_targeting.scss +1 -1
  31. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders-s7889ccc8c1.png +0 -0
  32. data/test/fixtures/stylesheets/archetype/config.rb +2 -0
  33. data/test/fixtures/stylesheets/archetype/source/base.scss +3 -0
  34. data/test/fixtures/stylesheets/archetype/source/hacks/transparent_focusable.scss +5 -0
  35. data/test/fixtures/stylesheets/archetype/source/locale.scss +43 -0
  36. data/test/fixtures/stylesheets/archetype/source/styleguide/alerts.scss +21 -0
  37. data/test/fixtures/stylesheets/archetype/source/styleguide/buttons.scss +5 -1
  38. data/test/fixtures/stylesheets/archetype/source/styleguide/drop.scss +101 -0
  39. data/test/fixtures/stylesheets/archetype/source/styleguide/extend.scss +24 -0
  40. data/test/fixtures/stylesheets/archetype/source/styleguide/invalid_structures.scss +85 -0
  41. data/test/fixtures/stylesheets/archetype/source/styleguide/multi_value.scss +18 -0
  42. data/test/fixtures/stylesheets/archetype/source/styleguide/nested_styleguides.scss +1 -1
  43. data/test/fixtures/stylesheets/archetype/source/styleguide/selective_state.scss +1 -1
  44. data/test/fixtures/stylesheets/archetype/source/ui/glyph_icon.scss +30 -0
  45. data/test/fixtures/stylesheets/archetype/source/utilities/associative.scss +24 -0
  46. data/test/fixtures/stylesheets/archetype/source/utilities/custom_output_styler.scss +4 -3
  47. data/test/fixtures/stylesheets/archetype/source/utilities/targeting/target-browser.scss +8 -1
  48. data/test/fixtures/stylesheets/archetype/tmp/b.css +14 -0
  49. data/test/fixtures/stylesheets/archetype/tmp/base.css +349 -0
  50. data/test/fixtures/stylesheets/archetype/tmp/hacks/ie_pseudo.css +11 -0
  51. data/test/fixtures/stylesheets/archetype/tmp/hacks/transparent_focusable.css +4 -0
  52. data/test/fixtures/stylesheets/archetype/tmp/locale.css +23 -0
  53. data/test/fixtures/stylesheets/archetype/tmp/styleguide/alerts.css +711 -0
  54. data/test/fixtures/stylesheets/archetype/tmp/styleguide/buttons.css +2119 -0
  55. data/test/fixtures/stylesheets/archetype/tmp/styleguide/drop.css +63 -0
  56. data/test/fixtures/stylesheets/archetype/tmp/styleguide/extend.css +11 -0
  57. data/test/fixtures/stylesheets/archetype/tmp/styleguide/fallback_styles.css +10 -0
  58. data/test/fixtures/stylesheets/archetype/tmp/styleguide/invalid_structures.css +21 -0
  59. data/test/fixtures/stylesheets/archetype/tmp/styleguide/multi_value.css +13 -0
  60. data/test/fixtures/stylesheets/archetype/tmp/styleguide/nested_styleguides.css +28 -0
  61. data/test/fixtures/stylesheets/archetype/tmp/styleguide/selective_state.css +177 -0
  62. data/test/fixtures/stylesheets/archetype/tmp/ui/glyph_icon.css +127 -0
  63. data/test/fixtures/stylesheets/archetype/tmp/ui/hide_element.css +8 -0
  64. data/test/fixtures/stylesheets/archetype/tmp/ui/stroke.css +17 -0
  65. data/test/fixtures/stylesheets/archetype/tmp/ui/triangle.css +35 -0
  66. data/test/fixtures/stylesheets/archetype/tmp/utilities/associative.css +9 -0
  67. data/test/fixtures/stylesheets/archetype/tmp/utilities/custom_output_styler.css +8 -0
  68. data/test/fixtures/stylesheets/archetype/tmp/utilities/if-set.css +9 -0
  69. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/horizontal-spacing.css +29 -0
  70. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/vertical-spacing.css +29 -0
  71. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/filter.css +11 -0
  72. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/font-family.css +16 -0
  73. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/z-index.css +15 -0
  74. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-browser.css +105 -0
  75. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-os.css +55 -0
  76. data/test/helpers/test_case.rb +2 -2
  77. data/test/integrations/archetype_test.rb +3 -1
  78. data/test/units/sass_extensions_test.rb +18 -25
  79. metadata +81 -3
@@ -0,0 +1,2119 @@
1
+ .container .button.large.primary {
2
+ font-weight: bold;
3
+ border-width: 1px;
4
+ border-style: solid;
5
+ cursor: pointer;
6
+ margin: 0;
7
+ overflow: visible;
8
+ text-decoration: none !important;
9
+ text-align: center;
10
+ width: auto;
11
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
12
+ -webkit-border-radius: 3px;
13
+ -moz-border-radius: 3px;
14
+ -ms-border-radius: 3px;
15
+ -o-border-radius: 3px;
16
+ border-radius: 3px;
17
+ padding: 0 15px;
18
+ height: 36px;
19
+ line-height: 34px;
20
+ -webkit-box-sizing: border-box;
21
+ -moz-box-sizing: border-box;
22
+ box-sizing: border-box;
23
+ font-size: 16px;
24
+ color: white;
25
+ background-color: #0074cc;
26
+ border-color: #1b5480;
27
+ *zoom: 1;
28
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
29
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
30
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
31
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
32
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
33
+ background-image: linear-gradient(top, #0088cc, #0055cc);
34
+ white-space: nowrap;
35
+ display: -moz-inline-stack;
36
+ display: inline-block;
37
+ vertical-align: middle;
38
+ *vertical-align: auto;
39
+ zoom: 1;
40
+ *display: inline;
41
+ vertical-align: middle;
42
+ }
43
+ .container .button.large.primary.hover, .container .button.large.primary:hover, .container .button.large.primary.focus, .container .button.large.primary:focus {
44
+ background-color: #0055cc;
45
+ *zoom: 1;
46
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
47
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
48
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
49
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
50
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
51
+ background-image: linear-gradient(top, #0066cc, #0033cc);
52
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
53
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
54
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
55
+ }
56
+ .container .button.large.primary.active, .container .button.large.primary:active {
57
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
58
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
59
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
60
+ }
61
+ .container .button.large.primary.disabled, .container .button.large.primary[disabled] {
62
+ background-color: #0055cc;
63
+ *zoom: 1;
64
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
65
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
66
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
67
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
68
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
69
+ background-image: linear-gradient(top, #0066cc, #0033cc);
70
+ -webkit-box-shadow: none;
71
+ -moz-box-shadow: none;
72
+ box-shadow: none;
73
+ cursor: default;
74
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
75
+ opacity: 0.6;
76
+ }
77
+ .container .button.large.secondary {
78
+ font-weight: bold;
79
+ border-width: 1px;
80
+ border-style: solid;
81
+ cursor: pointer;
82
+ margin: 0;
83
+ overflow: visible;
84
+ text-decoration: none !important;
85
+ text-align: center;
86
+ width: auto;
87
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
88
+ -webkit-border-radius: 3px;
89
+ -moz-border-radius: 3px;
90
+ -ms-border-radius: 3px;
91
+ -o-border-radius: 3px;
92
+ border-radius: 3px;
93
+ padding: 0 15px;
94
+ height: 36px;
95
+ line-height: 34px;
96
+ -webkit-box-sizing: border-box;
97
+ -moz-box-sizing: border-box;
98
+ box-sizing: border-box;
99
+ font-size: 16px;
100
+ color: #333333;
101
+ background-color: whitesmoke;
102
+ border-color: #aaaaaa;
103
+ *zoom: 1;
104
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
105
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
106
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
107
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
108
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
109
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
110
+ white-space: nowrap;
111
+ display: -moz-inline-stack;
112
+ display: inline-block;
113
+ vertical-align: middle;
114
+ *vertical-align: auto;
115
+ zoom: 1;
116
+ *display: inline;
117
+ vertical-align: middle;
118
+ }
119
+ .container .button.large.secondary.hover, .container .button.large.secondary:hover, .container .button.large.secondary.focus, .container .button.large.secondary:focus {
120
+ background-color: #e6e6e6;
121
+ *zoom: 1;
122
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
123
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
124
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
125
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
126
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
127
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
128
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
129
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
130
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
131
+ }
132
+ .container .button.large.secondary.active, .container .button.large.secondary:active {
133
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
134
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
135
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
136
+ }
137
+ .container .button.large.secondary.disabled, .container .button.large.secondary[disabled] {
138
+ background-color: #e6e6e6;
139
+ *zoom: 1;
140
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
141
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
142
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
143
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
144
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
145
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
146
+ -webkit-box-shadow: none;
147
+ -moz-box-shadow: none;
148
+ box-shadow: none;
149
+ cursor: default;
150
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
151
+ opacity: 0.6;
152
+ }
153
+ .container .button.large.spotlight {
154
+ font-weight: bold;
155
+ border-width: 1px;
156
+ border-style: solid;
157
+ cursor: pointer;
158
+ margin: 0;
159
+ overflow: visible;
160
+ text-decoration: none !important;
161
+ text-align: center;
162
+ width: auto;
163
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
164
+ -webkit-border-radius: 3px;
165
+ -moz-border-radius: 3px;
166
+ -ms-border-radius: 3px;
167
+ -o-border-radius: 3px;
168
+ border-radius: 3px;
169
+ padding: 0 15px;
170
+ height: 36px;
171
+ line-height: 34px;
172
+ -webkit-box-sizing: border-box;
173
+ -moz-box-sizing: border-box;
174
+ box-sizing: border-box;
175
+ font-size: 16px;
176
+ color: white;
177
+ background-color: #414141;
178
+ border-color: #111111;
179
+ *zoom: 1;
180
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
181
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
182
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
183
+ background-image: -moz-linear-gradient(top, #555555, #222222);
184
+ background-image: -o-linear-gradient(top, #555555, #222222);
185
+ background-image: linear-gradient(top, #555555, #222222);
186
+ white-space: nowrap;
187
+ display: -moz-inline-stack;
188
+ display: inline-block;
189
+ vertical-align: middle;
190
+ *vertical-align: auto;
191
+ zoom: 1;
192
+ *display: inline;
193
+ vertical-align: middle;
194
+ }
195
+ .container .button.large.spotlight.hover, .container .button.large.spotlight:hover, .container .button.large.spotlight.focus, .container .button.large.spotlight:focus {
196
+ background-color: #343434;
197
+ *zoom: 1;
198
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
199
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
200
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
201
+ background-image: -moz-linear-gradient(top, #444444, #111111);
202
+ background-image: -o-linear-gradient(top, #444444, #111111);
203
+ background-image: linear-gradient(top, #444444, #111111);
204
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
205
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
206
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
207
+ }
208
+ .container .button.large.spotlight.active, .container .button.large.spotlight:active {
209
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
210
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
211
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
212
+ }
213
+ .container .button.large.spotlight.disabled, .container .button.large.spotlight[disabled] {
214
+ background-color: #343434;
215
+ *zoom: 1;
216
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
217
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
218
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
219
+ background-image: -moz-linear-gradient(top, #444444, #111111);
220
+ background-image: -o-linear-gradient(top, #444444, #111111);
221
+ background-image: linear-gradient(top, #444444, #111111);
222
+ -webkit-box-shadow: none;
223
+ -moz-box-shadow: none;
224
+ box-shadow: none;
225
+ cursor: default;
226
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
227
+ opacity: 0.6;
228
+ }
229
+ .container .button.medium.primary {
230
+ font-weight: bold;
231
+ border-width: 1px;
232
+ border-style: solid;
233
+ cursor: pointer;
234
+ margin: 0;
235
+ overflow: visible;
236
+ text-decoration: none !important;
237
+ text-align: center;
238
+ width: auto;
239
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
240
+ -webkit-border-radius: 3px;
241
+ -moz-border-radius: 3px;
242
+ -ms-border-radius: 3px;
243
+ -o-border-radius: 3px;
244
+ border-radius: 3px;
245
+ padding: 0 13px;
246
+ height: 31px;
247
+ line-height: 29px;
248
+ -webkit-box-sizing: border-box;
249
+ -moz-box-sizing: border-box;
250
+ box-sizing: border-box;
251
+ font-size: 13px;
252
+ color: white;
253
+ background-color: #0074cc;
254
+ border-color: #1b5480;
255
+ *zoom: 1;
256
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
257
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
258
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
259
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
260
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
261
+ background-image: linear-gradient(top, #0088cc, #0055cc);
262
+ white-space: nowrap;
263
+ display: -moz-inline-stack;
264
+ display: inline-block;
265
+ vertical-align: middle;
266
+ *vertical-align: auto;
267
+ zoom: 1;
268
+ *display: inline;
269
+ vertical-align: middle;
270
+ }
271
+ .container .button.medium.primary.hover, .container .button.medium.primary:hover, .container .button.medium.primary.focus, .container .button.medium.primary:focus {
272
+ background-color: #0055cc;
273
+ *zoom: 1;
274
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
275
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
276
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
277
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
278
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
279
+ background-image: linear-gradient(top, #0066cc, #0033cc);
280
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
281
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
282
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
283
+ }
284
+ .container .button.medium.primary.active, .container .button.medium.primary:active {
285
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
286
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
287
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
288
+ }
289
+ .container .button.medium.primary.disabled, .container .button.medium.primary[disabled] {
290
+ background-color: #0055cc;
291
+ *zoom: 1;
292
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
293
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
294
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
295
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
296
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
297
+ background-image: linear-gradient(top, #0066cc, #0033cc);
298
+ -webkit-box-shadow: none;
299
+ -moz-box-shadow: none;
300
+ box-shadow: none;
301
+ cursor: default;
302
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
303
+ opacity: 0.6;
304
+ }
305
+ .container .button.medium.secondary {
306
+ font-weight: bold;
307
+ border-width: 1px;
308
+ border-style: solid;
309
+ cursor: pointer;
310
+ margin: 0;
311
+ overflow: visible;
312
+ text-decoration: none !important;
313
+ text-align: center;
314
+ width: auto;
315
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
316
+ -webkit-border-radius: 3px;
317
+ -moz-border-radius: 3px;
318
+ -ms-border-radius: 3px;
319
+ -o-border-radius: 3px;
320
+ border-radius: 3px;
321
+ padding: 0 13px;
322
+ height: 31px;
323
+ line-height: 29px;
324
+ -webkit-box-sizing: border-box;
325
+ -moz-box-sizing: border-box;
326
+ box-sizing: border-box;
327
+ font-size: 13px;
328
+ color: #333333;
329
+ background-color: whitesmoke;
330
+ border-color: #aaaaaa;
331
+ *zoom: 1;
332
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
333
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
334
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
335
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
336
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
337
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
338
+ white-space: nowrap;
339
+ display: -moz-inline-stack;
340
+ display: inline-block;
341
+ vertical-align: middle;
342
+ *vertical-align: auto;
343
+ zoom: 1;
344
+ *display: inline;
345
+ vertical-align: middle;
346
+ }
347
+ .container .button.medium.secondary.hover, .container .button.medium.secondary:hover, .container .button.medium.secondary.focus, .container .button.medium.secondary:focus {
348
+ background-color: #e6e6e6;
349
+ *zoom: 1;
350
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
351
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
352
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
353
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
354
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
355
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
356
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
357
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
358
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
359
+ }
360
+ .container .button.medium.secondary.active, .container .button.medium.secondary:active {
361
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
362
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
363
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
364
+ }
365
+ .container .button.medium.secondary.disabled, .container .button.medium.secondary[disabled] {
366
+ background-color: #e6e6e6;
367
+ *zoom: 1;
368
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
369
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
370
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
371
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
372
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
373
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
374
+ -webkit-box-shadow: none;
375
+ -moz-box-shadow: none;
376
+ box-shadow: none;
377
+ cursor: default;
378
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
379
+ opacity: 0.6;
380
+ }
381
+ .container .button.medium.spotlight {
382
+ font-weight: bold;
383
+ border-width: 1px;
384
+ border-style: solid;
385
+ cursor: pointer;
386
+ margin: 0;
387
+ overflow: visible;
388
+ text-decoration: none !important;
389
+ text-align: center;
390
+ width: auto;
391
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
392
+ -webkit-border-radius: 3px;
393
+ -moz-border-radius: 3px;
394
+ -ms-border-radius: 3px;
395
+ -o-border-radius: 3px;
396
+ border-radius: 3px;
397
+ padding: 0 13px;
398
+ height: 31px;
399
+ line-height: 29px;
400
+ -webkit-box-sizing: border-box;
401
+ -moz-box-sizing: border-box;
402
+ box-sizing: border-box;
403
+ font-size: 13px;
404
+ color: white;
405
+ background-color: #414141;
406
+ border-color: #111111;
407
+ *zoom: 1;
408
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
409
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
410
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
411
+ background-image: -moz-linear-gradient(top, #555555, #222222);
412
+ background-image: -o-linear-gradient(top, #555555, #222222);
413
+ background-image: linear-gradient(top, #555555, #222222);
414
+ white-space: nowrap;
415
+ display: -moz-inline-stack;
416
+ display: inline-block;
417
+ vertical-align: middle;
418
+ *vertical-align: auto;
419
+ zoom: 1;
420
+ *display: inline;
421
+ vertical-align: middle;
422
+ }
423
+ .container .button.medium.spotlight.hover, .container .button.medium.spotlight:hover, .container .button.medium.spotlight.focus, .container .button.medium.spotlight:focus {
424
+ background-color: #343434;
425
+ *zoom: 1;
426
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
427
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
428
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
429
+ background-image: -moz-linear-gradient(top, #444444, #111111);
430
+ background-image: -o-linear-gradient(top, #444444, #111111);
431
+ background-image: linear-gradient(top, #444444, #111111);
432
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
433
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
434
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
435
+ }
436
+ .container .button.medium.spotlight.active, .container .button.medium.spotlight:active {
437
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
438
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
439
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
440
+ }
441
+ .container .button.medium.spotlight.disabled, .container .button.medium.spotlight[disabled] {
442
+ background-color: #343434;
443
+ *zoom: 1;
444
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
445
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
446
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
447
+ background-image: -moz-linear-gradient(top, #444444, #111111);
448
+ background-image: -o-linear-gradient(top, #444444, #111111);
449
+ background-image: linear-gradient(top, #444444, #111111);
450
+ -webkit-box-shadow: none;
451
+ -moz-box-shadow: none;
452
+ box-shadow: none;
453
+ cursor: default;
454
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
455
+ opacity: 0.6;
456
+ }
457
+ .container .button.small.primary {
458
+ font-weight: bold;
459
+ border-width: 1px;
460
+ border-style: solid;
461
+ cursor: pointer;
462
+ margin: 0;
463
+ overflow: visible;
464
+ text-decoration: none !important;
465
+ text-align: center;
466
+ width: auto;
467
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
468
+ -webkit-border-radius: 3px;
469
+ -moz-border-radius: 3px;
470
+ -ms-border-radius: 3px;
471
+ -o-border-radius: 3px;
472
+ border-radius: 3px;
473
+ padding: 0 10px;
474
+ height: 26px;
475
+ line-height: 24px;
476
+ -webkit-box-sizing: border-box;
477
+ -moz-box-sizing: border-box;
478
+ box-sizing: border-box;
479
+ font-size: 12px;
480
+ color: white;
481
+ background-color: #0074cc;
482
+ border-color: #1b5480;
483
+ *zoom: 1;
484
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
485
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
486
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
487
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
488
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
489
+ background-image: linear-gradient(top, #0088cc, #0055cc);
490
+ white-space: nowrap;
491
+ display: -moz-inline-stack;
492
+ display: inline-block;
493
+ vertical-align: middle;
494
+ *vertical-align: auto;
495
+ zoom: 1;
496
+ *display: inline;
497
+ vertical-align: middle;
498
+ }
499
+ .container .button.small.primary.hover, .container .button.small.primary:hover, .container .button.small.primary.focus, .container .button.small.primary:focus {
500
+ background-color: #0055cc;
501
+ *zoom: 1;
502
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
503
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
504
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
505
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
506
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
507
+ background-image: linear-gradient(top, #0066cc, #0033cc);
508
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
509
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
510
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
511
+ }
512
+ .container .button.small.primary.active, .container .button.small.primary:active {
513
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
514
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
515
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
516
+ }
517
+ .container .button.small.primary.disabled, .container .button.small.primary[disabled] {
518
+ background-color: #0055cc;
519
+ *zoom: 1;
520
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
521
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
522
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
523
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
524
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
525
+ background-image: linear-gradient(top, #0066cc, #0033cc);
526
+ -webkit-box-shadow: none;
527
+ -moz-box-shadow: none;
528
+ box-shadow: none;
529
+ cursor: default;
530
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
531
+ opacity: 0.6;
532
+ }
533
+ .container .button.small.secondary {
534
+ font-weight: bold;
535
+ border-width: 1px;
536
+ border-style: solid;
537
+ cursor: pointer;
538
+ margin: 0;
539
+ overflow: visible;
540
+ text-decoration: none !important;
541
+ text-align: center;
542
+ width: auto;
543
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
544
+ -webkit-border-radius: 3px;
545
+ -moz-border-radius: 3px;
546
+ -ms-border-radius: 3px;
547
+ -o-border-radius: 3px;
548
+ border-radius: 3px;
549
+ padding: 0 10px;
550
+ height: 26px;
551
+ line-height: 24px;
552
+ -webkit-box-sizing: border-box;
553
+ -moz-box-sizing: border-box;
554
+ box-sizing: border-box;
555
+ font-size: 12px;
556
+ color: #333333;
557
+ background-color: whitesmoke;
558
+ border-color: #aaaaaa;
559
+ *zoom: 1;
560
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
561
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
562
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
563
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
564
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
565
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
566
+ white-space: nowrap;
567
+ display: -moz-inline-stack;
568
+ display: inline-block;
569
+ vertical-align: middle;
570
+ *vertical-align: auto;
571
+ zoom: 1;
572
+ *display: inline;
573
+ vertical-align: middle;
574
+ }
575
+ .container .button.small.secondary.hover, .container .button.small.secondary:hover, .container .button.small.secondary.focus, .container .button.small.secondary:focus {
576
+ background-color: #e6e6e6;
577
+ *zoom: 1;
578
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
579
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
580
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
581
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
582
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
583
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
584
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
585
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
586
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
587
+ }
588
+ .container .button.small.secondary.active, .container .button.small.secondary:active {
589
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
590
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
591
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
592
+ }
593
+ .container .button.small.secondary.disabled, .container .button.small.secondary[disabled] {
594
+ background-color: #e6e6e6;
595
+ *zoom: 1;
596
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
597
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
598
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
599
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
600
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
601
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
602
+ -webkit-box-shadow: none;
603
+ -moz-box-shadow: none;
604
+ box-shadow: none;
605
+ cursor: default;
606
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
607
+ opacity: 0.6;
608
+ }
609
+ .container .button.small.spotlight {
610
+ font-weight: bold;
611
+ border-width: 1px;
612
+ border-style: solid;
613
+ cursor: pointer;
614
+ margin: 0;
615
+ overflow: visible;
616
+ text-decoration: none !important;
617
+ text-align: center;
618
+ width: auto;
619
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
620
+ -webkit-border-radius: 3px;
621
+ -moz-border-radius: 3px;
622
+ -ms-border-radius: 3px;
623
+ -o-border-radius: 3px;
624
+ border-radius: 3px;
625
+ padding: 0 10px;
626
+ height: 26px;
627
+ line-height: 24px;
628
+ -webkit-box-sizing: border-box;
629
+ -moz-box-sizing: border-box;
630
+ box-sizing: border-box;
631
+ font-size: 12px;
632
+ color: white;
633
+ background-color: #414141;
634
+ border-color: #111111;
635
+ *zoom: 1;
636
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
637
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
638
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
639
+ background-image: -moz-linear-gradient(top, #555555, #222222);
640
+ background-image: -o-linear-gradient(top, #555555, #222222);
641
+ background-image: linear-gradient(top, #555555, #222222);
642
+ white-space: nowrap;
643
+ display: -moz-inline-stack;
644
+ display: inline-block;
645
+ vertical-align: middle;
646
+ *vertical-align: auto;
647
+ zoom: 1;
648
+ *display: inline;
649
+ vertical-align: middle;
650
+ }
651
+ .container .button.small.spotlight.hover, .container .button.small.spotlight:hover, .container .button.small.spotlight.focus, .container .button.small.spotlight:focus {
652
+ background-color: #343434;
653
+ *zoom: 1;
654
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
655
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
656
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
657
+ background-image: -moz-linear-gradient(top, #444444, #111111);
658
+ background-image: -o-linear-gradient(top, #444444, #111111);
659
+ background-image: linear-gradient(top, #444444, #111111);
660
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
661
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
662
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
663
+ }
664
+ .container .button.small.spotlight.active, .container .button.small.spotlight:active {
665
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
666
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
667
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
668
+ }
669
+ .container .button.small.spotlight.disabled, .container .button.small.spotlight[disabled] {
670
+ background-color: #343434;
671
+ *zoom: 1;
672
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
673
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
674
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
675
+ background-image: -moz-linear-gradient(top, #444444, #111111);
676
+ background-image: -o-linear-gradient(top, #444444, #111111);
677
+ background-image: linear-gradient(top, #444444, #111111);
678
+ -webkit-box-shadow: none;
679
+ -moz-box-shadow: none;
680
+ box-shadow: none;
681
+ cursor: default;
682
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
683
+ opacity: 0.6;
684
+ }
685
+
686
+ .bristol .button.large.primary {
687
+ font-weight: bold;
688
+ border-width: 1px;
689
+ border-style: solid;
690
+ cursor: pointer;
691
+ margin: 0;
692
+ overflow: visible;
693
+ text-decoration: none !important;
694
+ text-align: center;
695
+ width: auto;
696
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
697
+ -webkit-border-radius: 3px;
698
+ -moz-border-radius: 3px;
699
+ -ms-border-radius: 3px;
700
+ -o-border-radius: 3px;
701
+ border-radius: 3px;
702
+ padding: 0 15px;
703
+ height: 36px;
704
+ line-height: 34px;
705
+ -webkit-box-sizing: border-box;
706
+ -moz-box-sizing: border-box;
707
+ box-sizing: border-box;
708
+ font-size: 16px;
709
+ color: white;
710
+ background-color: #0074cc;
711
+ border-color: #434343;
712
+ *zoom: 1;
713
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
714
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
715
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
716
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
717
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
718
+ background-image: linear-gradient(top, #0088cc, #0055cc);
719
+ white-space: nowrap;
720
+ display: -moz-inline-stack;
721
+ display: inline-block;
722
+ vertical-align: middle;
723
+ *vertical-align: auto;
724
+ zoom: 1;
725
+ *display: inline;
726
+ vertical-align: middle;
727
+ }
728
+ .bristol .button.large.primary.hover, .bristol .button.large.primary:hover, .bristol .button.large.primary.focus, .bristol .button.large.primary:focus {
729
+ background-color: #0055cc;
730
+ *zoom: 1;
731
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
732
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
733
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
734
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
735
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
736
+ background-image: linear-gradient(top, #0066cc, #0033cc);
737
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
738
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
739
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
740
+ }
741
+ .bristol .button.large.primary.active, .bristol .button.large.primary:active {
742
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
743
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
744
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
745
+ }
746
+ .bristol .button.large.primary.disabled, .bristol .button.large.primary[disabled] {
747
+ background-color: #0055cc;
748
+ *zoom: 1;
749
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
750
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
751
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
752
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
753
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
754
+ background-image: linear-gradient(top, #0066cc, #0033cc);
755
+ -webkit-box-shadow: none;
756
+ -moz-box-shadow: none;
757
+ box-shadow: none;
758
+ cursor: default;
759
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
760
+ opacity: 0.6;
761
+ }
762
+ .bristol .button.large.secondary {
763
+ font-weight: bold;
764
+ border-width: 1px;
765
+ border-style: solid;
766
+ cursor: pointer;
767
+ margin: 0;
768
+ overflow: visible;
769
+ text-decoration: none !important;
770
+ text-align: center;
771
+ width: auto;
772
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
773
+ -webkit-border-radius: 3px;
774
+ -moz-border-radius: 3px;
775
+ -ms-border-radius: 3px;
776
+ -o-border-radius: 3px;
777
+ border-radius: 3px;
778
+ padding: 0 15px;
779
+ height: 36px;
780
+ line-height: 34px;
781
+ -webkit-box-sizing: border-box;
782
+ -moz-box-sizing: border-box;
783
+ box-sizing: border-box;
784
+ font-size: 16px;
785
+ color: #333333;
786
+ background-color: whitesmoke;
787
+ border-color: #434343;
788
+ *zoom: 1;
789
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
790
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
791
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
792
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
793
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
794
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
795
+ white-space: nowrap;
796
+ display: -moz-inline-stack;
797
+ display: inline-block;
798
+ vertical-align: middle;
799
+ *vertical-align: auto;
800
+ zoom: 1;
801
+ *display: inline;
802
+ vertical-align: middle;
803
+ }
804
+ .bristol .button.large.secondary.hover, .bristol .button.large.secondary:hover, .bristol .button.large.secondary.focus, .bristol .button.large.secondary:focus {
805
+ background-color: #e6e6e6;
806
+ *zoom: 1;
807
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
808
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
809
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
810
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
811
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
812
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
813
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
814
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
815
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
816
+ }
817
+ .bristol .button.large.secondary.active, .bristol .button.large.secondary:active {
818
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
819
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
820
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
821
+ }
822
+ .bristol .button.large.secondary.disabled, .bristol .button.large.secondary[disabled] {
823
+ background-color: #e6e6e6;
824
+ *zoom: 1;
825
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
826
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
827
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
828
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
829
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
830
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
831
+ -webkit-box-shadow: none;
832
+ -moz-box-shadow: none;
833
+ box-shadow: none;
834
+ cursor: default;
835
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
836
+ opacity: 0.6;
837
+ }
838
+ .bristol .button.large.spotlight {
839
+ font-weight: bold;
840
+ border-width: 1px;
841
+ border-style: solid;
842
+ cursor: pointer;
843
+ margin: 0;
844
+ overflow: visible;
845
+ text-decoration: none !important;
846
+ text-align: center;
847
+ width: auto;
848
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
849
+ -webkit-border-radius: 3px;
850
+ -moz-border-radius: 3px;
851
+ -ms-border-radius: 3px;
852
+ -o-border-radius: 3px;
853
+ border-radius: 3px;
854
+ padding: 0 15px;
855
+ height: 36px;
856
+ line-height: 34px;
857
+ -webkit-box-sizing: border-box;
858
+ -moz-box-sizing: border-box;
859
+ box-sizing: border-box;
860
+ font-size: 16px;
861
+ color: white;
862
+ background-color: #414141;
863
+ border-color: #434343;
864
+ *zoom: 1;
865
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
866
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
867
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
868
+ background-image: -moz-linear-gradient(top, #555555, #222222);
869
+ background-image: -o-linear-gradient(top, #555555, #222222);
870
+ background-image: linear-gradient(top, #555555, #222222);
871
+ white-space: nowrap;
872
+ display: -moz-inline-stack;
873
+ display: inline-block;
874
+ vertical-align: middle;
875
+ *vertical-align: auto;
876
+ zoom: 1;
877
+ *display: inline;
878
+ vertical-align: middle;
879
+ }
880
+ .bristol .button.large.spotlight.hover, .bristol .button.large.spotlight:hover, .bristol .button.large.spotlight.focus, .bristol .button.large.spotlight:focus {
881
+ background-color: #343434;
882
+ *zoom: 1;
883
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
884
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
885
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
886
+ background-image: -moz-linear-gradient(top, #444444, #111111);
887
+ background-image: -o-linear-gradient(top, #444444, #111111);
888
+ background-image: linear-gradient(top, #444444, #111111);
889
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
890
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
891
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
892
+ }
893
+ .bristol .button.large.spotlight.active, .bristol .button.large.spotlight:active {
894
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
895
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
896
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
897
+ }
898
+ .bristol .button.large.spotlight.disabled, .bristol .button.large.spotlight[disabled] {
899
+ background-color: #343434;
900
+ *zoom: 1;
901
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
902
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
903
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
904
+ background-image: -moz-linear-gradient(top, #444444, #111111);
905
+ background-image: -o-linear-gradient(top, #444444, #111111);
906
+ background-image: linear-gradient(top, #444444, #111111);
907
+ -webkit-box-shadow: none;
908
+ -moz-box-shadow: none;
909
+ box-shadow: none;
910
+ cursor: default;
911
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
912
+ opacity: 0.6;
913
+ }
914
+ .bristol .button.medium.primary {
915
+ font-weight: bold;
916
+ border-width: 1px;
917
+ border-style: solid;
918
+ cursor: pointer;
919
+ margin: 0;
920
+ overflow: visible;
921
+ text-decoration: none !important;
922
+ text-align: center;
923
+ width: auto;
924
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
925
+ -webkit-border-radius: 3px;
926
+ -moz-border-radius: 3px;
927
+ -ms-border-radius: 3px;
928
+ -o-border-radius: 3px;
929
+ border-radius: 3px;
930
+ padding: 0 13px;
931
+ height: 31px;
932
+ line-height: 29px;
933
+ -webkit-box-sizing: border-box;
934
+ -moz-box-sizing: border-box;
935
+ box-sizing: border-box;
936
+ font-size: 13px;
937
+ color: white;
938
+ background-color: #0074cc;
939
+ border-color: #434343;
940
+ *zoom: 1;
941
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
942
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
943
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
944
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
945
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
946
+ background-image: linear-gradient(top, #0088cc, #0055cc);
947
+ white-space: nowrap;
948
+ display: -moz-inline-stack;
949
+ display: inline-block;
950
+ vertical-align: middle;
951
+ *vertical-align: auto;
952
+ zoom: 1;
953
+ *display: inline;
954
+ vertical-align: middle;
955
+ }
956
+ .bristol .button.medium.primary.hover, .bristol .button.medium.primary:hover, .bristol .button.medium.primary.focus, .bristol .button.medium.primary:focus {
957
+ background-color: #0055cc;
958
+ *zoom: 1;
959
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
960
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
961
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
962
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
963
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
964
+ background-image: linear-gradient(top, #0066cc, #0033cc);
965
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
966
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
967
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
968
+ }
969
+ .bristol .button.medium.primary.active, .bristol .button.medium.primary:active {
970
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
971
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
972
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
973
+ }
974
+ .bristol .button.medium.primary.disabled, .bristol .button.medium.primary[disabled] {
975
+ background-color: #0055cc;
976
+ *zoom: 1;
977
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
978
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
979
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
980
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
981
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
982
+ background-image: linear-gradient(top, #0066cc, #0033cc);
983
+ -webkit-box-shadow: none;
984
+ -moz-box-shadow: none;
985
+ box-shadow: none;
986
+ cursor: default;
987
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
988
+ opacity: 0.6;
989
+ }
990
+ .bristol .button.medium.secondary {
991
+ font-weight: bold;
992
+ border-width: 1px;
993
+ border-style: solid;
994
+ cursor: pointer;
995
+ margin: 0;
996
+ overflow: visible;
997
+ text-decoration: none !important;
998
+ text-align: center;
999
+ width: auto;
1000
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1001
+ -webkit-border-radius: 3px;
1002
+ -moz-border-radius: 3px;
1003
+ -ms-border-radius: 3px;
1004
+ -o-border-radius: 3px;
1005
+ border-radius: 3px;
1006
+ padding: 0 13px;
1007
+ height: 31px;
1008
+ line-height: 29px;
1009
+ -webkit-box-sizing: border-box;
1010
+ -moz-box-sizing: border-box;
1011
+ box-sizing: border-box;
1012
+ font-size: 13px;
1013
+ color: #333333;
1014
+ background-color: whitesmoke;
1015
+ border-color: #434343;
1016
+ *zoom: 1;
1017
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1018
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1019
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1020
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1021
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1022
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1023
+ white-space: nowrap;
1024
+ display: -moz-inline-stack;
1025
+ display: inline-block;
1026
+ vertical-align: middle;
1027
+ *vertical-align: auto;
1028
+ zoom: 1;
1029
+ *display: inline;
1030
+ vertical-align: middle;
1031
+ }
1032
+ .bristol .button.medium.secondary.hover, .bristol .button.medium.secondary:hover, .bristol .button.medium.secondary.focus, .bristol .button.medium.secondary:focus {
1033
+ background-color: #e6e6e6;
1034
+ *zoom: 1;
1035
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1036
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1037
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1038
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1039
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1040
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1041
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1042
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1043
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1044
+ }
1045
+ .bristol .button.medium.secondary.active, .bristol .button.medium.secondary:active {
1046
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1047
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1048
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1049
+ }
1050
+ .bristol .button.medium.secondary.disabled, .bristol .button.medium.secondary[disabled] {
1051
+ background-color: #e6e6e6;
1052
+ *zoom: 1;
1053
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1054
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1055
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1056
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1057
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1058
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1059
+ -webkit-box-shadow: none;
1060
+ -moz-box-shadow: none;
1061
+ box-shadow: none;
1062
+ cursor: default;
1063
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1064
+ opacity: 0.6;
1065
+ }
1066
+ .bristol .button.medium.spotlight {
1067
+ font-weight: bold;
1068
+ border-width: 1px;
1069
+ border-style: solid;
1070
+ cursor: pointer;
1071
+ margin: 0;
1072
+ overflow: visible;
1073
+ text-decoration: none !important;
1074
+ text-align: center;
1075
+ width: auto;
1076
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1077
+ -webkit-border-radius: 3px;
1078
+ -moz-border-radius: 3px;
1079
+ -ms-border-radius: 3px;
1080
+ -o-border-radius: 3px;
1081
+ border-radius: 3px;
1082
+ padding: 0 13px;
1083
+ height: 31px;
1084
+ line-height: 29px;
1085
+ -webkit-box-sizing: border-box;
1086
+ -moz-box-sizing: border-box;
1087
+ box-sizing: border-box;
1088
+ font-size: 13px;
1089
+ color: white;
1090
+ background-color: #414141;
1091
+ border-color: #434343;
1092
+ *zoom: 1;
1093
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1094
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
1095
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
1096
+ background-image: -moz-linear-gradient(top, #555555, #222222);
1097
+ background-image: -o-linear-gradient(top, #555555, #222222);
1098
+ background-image: linear-gradient(top, #555555, #222222);
1099
+ white-space: nowrap;
1100
+ display: -moz-inline-stack;
1101
+ display: inline-block;
1102
+ vertical-align: middle;
1103
+ *vertical-align: auto;
1104
+ zoom: 1;
1105
+ *display: inline;
1106
+ vertical-align: middle;
1107
+ }
1108
+ .bristol .button.medium.spotlight.hover, .bristol .button.medium.spotlight:hover, .bristol .button.medium.spotlight.focus, .bristol .button.medium.spotlight:focus {
1109
+ background-color: #343434;
1110
+ *zoom: 1;
1111
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1112
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1113
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1114
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1115
+ background-image: -o-linear-gradient(top, #444444, #111111);
1116
+ background-image: linear-gradient(top, #444444, #111111);
1117
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1118
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1119
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1120
+ }
1121
+ .bristol .button.medium.spotlight.active, .bristol .button.medium.spotlight:active {
1122
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1123
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1124
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1125
+ }
1126
+ .bristol .button.medium.spotlight.disabled, .bristol .button.medium.spotlight[disabled] {
1127
+ background-color: #343434;
1128
+ *zoom: 1;
1129
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1130
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1131
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1132
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1133
+ background-image: -o-linear-gradient(top, #444444, #111111);
1134
+ background-image: linear-gradient(top, #444444, #111111);
1135
+ -webkit-box-shadow: none;
1136
+ -moz-box-shadow: none;
1137
+ box-shadow: none;
1138
+ cursor: default;
1139
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1140
+ opacity: 0.6;
1141
+ }
1142
+ .bristol .button.small.primary {
1143
+ font-weight: bold;
1144
+ border-width: 1px;
1145
+ border-style: solid;
1146
+ cursor: pointer;
1147
+ margin: 0;
1148
+ overflow: visible;
1149
+ text-decoration: none !important;
1150
+ text-align: center;
1151
+ width: auto;
1152
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1153
+ -webkit-border-radius: 3px;
1154
+ -moz-border-radius: 3px;
1155
+ -ms-border-radius: 3px;
1156
+ -o-border-radius: 3px;
1157
+ border-radius: 3px;
1158
+ padding: 0 10px;
1159
+ height: 26px;
1160
+ line-height: 24px;
1161
+ -webkit-box-sizing: border-box;
1162
+ -moz-box-sizing: border-box;
1163
+ box-sizing: border-box;
1164
+ font-size: 12px;
1165
+ color: white;
1166
+ background-color: #0074cc;
1167
+ border-color: #434343;
1168
+ *zoom: 1;
1169
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1170
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
1171
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
1172
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
1173
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
1174
+ background-image: linear-gradient(top, #0088cc, #0055cc);
1175
+ white-space: nowrap;
1176
+ display: -moz-inline-stack;
1177
+ display: inline-block;
1178
+ vertical-align: middle;
1179
+ *vertical-align: auto;
1180
+ zoom: 1;
1181
+ *display: inline;
1182
+ vertical-align: middle;
1183
+ }
1184
+ .bristol .button.small.primary.hover, .bristol .button.small.primary:hover, .bristol .button.small.primary.focus, .bristol .button.small.primary:focus {
1185
+ background-color: #0055cc;
1186
+ *zoom: 1;
1187
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1188
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1189
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1190
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1191
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1192
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1193
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1194
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1195
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1196
+ }
1197
+ .bristol .button.small.primary.active, .bristol .button.small.primary:active {
1198
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1199
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1200
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1201
+ }
1202
+ .bristol .button.small.primary.disabled, .bristol .button.small.primary[disabled] {
1203
+ background-color: #0055cc;
1204
+ *zoom: 1;
1205
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1206
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1207
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1208
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1209
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1210
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1211
+ -webkit-box-shadow: none;
1212
+ -moz-box-shadow: none;
1213
+ box-shadow: none;
1214
+ cursor: default;
1215
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1216
+ opacity: 0.6;
1217
+ }
1218
+ .bristol .button.small.secondary {
1219
+ font-weight: bold;
1220
+ border-width: 1px;
1221
+ border-style: solid;
1222
+ cursor: pointer;
1223
+ margin: 0;
1224
+ overflow: visible;
1225
+ text-decoration: none !important;
1226
+ text-align: center;
1227
+ width: auto;
1228
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1229
+ -webkit-border-radius: 3px;
1230
+ -moz-border-radius: 3px;
1231
+ -ms-border-radius: 3px;
1232
+ -o-border-radius: 3px;
1233
+ border-radius: 3px;
1234
+ padding: 0 10px;
1235
+ height: 26px;
1236
+ line-height: 24px;
1237
+ -webkit-box-sizing: border-box;
1238
+ -moz-box-sizing: border-box;
1239
+ box-sizing: border-box;
1240
+ font-size: 12px;
1241
+ color: #333333;
1242
+ background-color: whitesmoke;
1243
+ border-color: #434343;
1244
+ *zoom: 1;
1245
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1246
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1247
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1248
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1249
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1250
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1251
+ white-space: nowrap;
1252
+ display: -moz-inline-stack;
1253
+ display: inline-block;
1254
+ vertical-align: middle;
1255
+ *vertical-align: auto;
1256
+ zoom: 1;
1257
+ *display: inline;
1258
+ vertical-align: middle;
1259
+ }
1260
+ .bristol .button.small.secondary.hover, .bristol .button.small.secondary:hover, .bristol .button.small.secondary.focus, .bristol .button.small.secondary:focus {
1261
+ background-color: #e6e6e6;
1262
+ *zoom: 1;
1263
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1264
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1265
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1266
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1267
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1268
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1269
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1270
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1271
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1272
+ }
1273
+ .bristol .button.small.secondary.active, .bristol .button.small.secondary:active {
1274
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1275
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1276
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1277
+ }
1278
+ .bristol .button.small.secondary.disabled, .bristol .button.small.secondary[disabled] {
1279
+ background-color: #e6e6e6;
1280
+ *zoom: 1;
1281
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1282
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1283
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1284
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1285
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1286
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1287
+ -webkit-box-shadow: none;
1288
+ -moz-box-shadow: none;
1289
+ box-shadow: none;
1290
+ cursor: default;
1291
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1292
+ opacity: 0.6;
1293
+ }
1294
+ .bristol .button.small.spotlight {
1295
+ font-weight: bold;
1296
+ border-width: 1px;
1297
+ border-style: solid;
1298
+ cursor: pointer;
1299
+ margin: 0;
1300
+ overflow: visible;
1301
+ text-decoration: none !important;
1302
+ text-align: center;
1303
+ width: auto;
1304
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1305
+ -webkit-border-radius: 3px;
1306
+ -moz-border-radius: 3px;
1307
+ -ms-border-radius: 3px;
1308
+ -o-border-radius: 3px;
1309
+ border-radius: 3px;
1310
+ padding: 0 10px;
1311
+ height: 26px;
1312
+ line-height: 24px;
1313
+ -webkit-box-sizing: border-box;
1314
+ -moz-box-sizing: border-box;
1315
+ box-sizing: border-box;
1316
+ font-size: 12px;
1317
+ color: white;
1318
+ background-color: #414141;
1319
+ border-color: #434343;
1320
+ *zoom: 1;
1321
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1322
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
1323
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
1324
+ background-image: -moz-linear-gradient(top, #555555, #222222);
1325
+ background-image: -o-linear-gradient(top, #555555, #222222);
1326
+ background-image: linear-gradient(top, #555555, #222222);
1327
+ white-space: nowrap;
1328
+ display: -moz-inline-stack;
1329
+ display: inline-block;
1330
+ vertical-align: middle;
1331
+ *vertical-align: auto;
1332
+ zoom: 1;
1333
+ *display: inline;
1334
+ vertical-align: middle;
1335
+ }
1336
+ .bristol .button.small.spotlight.hover, .bristol .button.small.spotlight:hover, .bristol .button.small.spotlight.focus, .bristol .button.small.spotlight:focus {
1337
+ background-color: #343434;
1338
+ *zoom: 1;
1339
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1340
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1341
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1342
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1343
+ background-image: -o-linear-gradient(top, #444444, #111111);
1344
+ background-image: linear-gradient(top, #444444, #111111);
1345
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1346
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1347
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1348
+ }
1349
+ .bristol .button.small.spotlight.active, .bristol .button.small.spotlight:active {
1350
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1351
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1352
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1353
+ }
1354
+ .bristol .button.small.spotlight.disabled, .bristol .button.small.spotlight[disabled] {
1355
+ background-color: #343434;
1356
+ *zoom: 1;
1357
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1358
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1359
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1360
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1361
+ background-image: -o-linear-gradient(top, #444444, #111111);
1362
+ background-image: linear-gradient(top, #444444, #111111);
1363
+ -webkit-box-shadow: none;
1364
+ -moz-box-shadow: none;
1365
+ box-shadow: none;
1366
+ cursor: default;
1367
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1368
+ opacity: 0.6;
1369
+ }
1370
+
1371
+ .punchcut .button.large.primary {
1372
+ font-weight: bold;
1373
+ border-width: 1px;
1374
+ border-style: solid;
1375
+ cursor: pointer;
1376
+ margin: 0;
1377
+ overflow: visible;
1378
+ text-decoration: none !important;
1379
+ text-align: center;
1380
+ width: auto;
1381
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1382
+ -webkit-border-radius: 3px;
1383
+ -moz-border-radius: 3px;
1384
+ -ms-border-radius: 3px;
1385
+ -o-border-radius: 3px;
1386
+ border-radius: 3px;
1387
+ padding: 0 15px;
1388
+ height: 36px;
1389
+ line-height: 34px;
1390
+ -webkit-box-sizing: border-box;
1391
+ -moz-box-sizing: border-box;
1392
+ box-sizing: border-box;
1393
+ font-size: 16px;
1394
+ color: white;
1395
+ background-color: #0074cc;
1396
+ border-color: #434343;
1397
+ *zoom: 1;
1398
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1399
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
1400
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
1401
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
1402
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
1403
+ background-image: linear-gradient(top, #0088cc, #0055cc);
1404
+ white-space: nowrap;
1405
+ display: -moz-inline-stack;
1406
+ display: inline-block;
1407
+ vertical-align: middle;
1408
+ *vertical-align: auto;
1409
+ zoom: 1;
1410
+ *display: inline;
1411
+ vertical-align: middle;
1412
+ }
1413
+ .punchcut .button.large.primary.hover, .punchcut .button.large.primary:hover, .punchcut .button.large.primary.focus, .punchcut .button.large.primary:focus {
1414
+ background-color: #0055cc;
1415
+ *zoom: 1;
1416
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1417
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1418
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1419
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1420
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1421
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1422
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1423
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1424
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1425
+ }
1426
+ .punchcut .button.large.primary.active, .punchcut .button.large.primary:active {
1427
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1428
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1429
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1430
+ }
1431
+ .punchcut .button.large.primary.disabled, .punchcut .button.large.primary[disabled] {
1432
+ background-color: #0055cc;
1433
+ *zoom: 1;
1434
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1435
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1436
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1437
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1438
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1439
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1440
+ -webkit-box-shadow: none;
1441
+ -moz-box-shadow: none;
1442
+ box-shadow: none;
1443
+ cursor: default;
1444
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1445
+ opacity: 0.6;
1446
+ }
1447
+ .punchcut .button.large.secondary {
1448
+ font-weight: bold;
1449
+ border-width: 1px;
1450
+ border-style: solid;
1451
+ cursor: pointer;
1452
+ margin: 0;
1453
+ overflow: visible;
1454
+ text-decoration: none !important;
1455
+ text-align: center;
1456
+ width: auto;
1457
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1458
+ -webkit-border-radius: 3px;
1459
+ -moz-border-radius: 3px;
1460
+ -ms-border-radius: 3px;
1461
+ -o-border-radius: 3px;
1462
+ border-radius: 3px;
1463
+ padding: 0 15px;
1464
+ height: 36px;
1465
+ line-height: 34px;
1466
+ -webkit-box-sizing: border-box;
1467
+ -moz-box-sizing: border-box;
1468
+ box-sizing: border-box;
1469
+ font-size: 16px;
1470
+ color: #333333;
1471
+ background-color: whitesmoke;
1472
+ border-color: #434343;
1473
+ *zoom: 1;
1474
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1475
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1476
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1477
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1478
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1479
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1480
+ white-space: nowrap;
1481
+ display: -moz-inline-stack;
1482
+ display: inline-block;
1483
+ vertical-align: middle;
1484
+ *vertical-align: auto;
1485
+ zoom: 1;
1486
+ *display: inline;
1487
+ vertical-align: middle;
1488
+ }
1489
+ .punchcut .button.large.secondary.hover, .punchcut .button.large.secondary:hover, .punchcut .button.large.secondary.focus, .punchcut .button.large.secondary:focus {
1490
+ background-color: #e6e6e6;
1491
+ *zoom: 1;
1492
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1493
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1494
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1495
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1496
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1497
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1498
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1499
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1500
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1501
+ }
1502
+ .punchcut .button.large.secondary.active, .punchcut .button.large.secondary:active {
1503
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1504
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1505
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1506
+ }
1507
+ .punchcut .button.large.secondary.disabled, .punchcut .button.large.secondary[disabled] {
1508
+ background-color: #e6e6e6;
1509
+ *zoom: 1;
1510
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1511
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1512
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1513
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1514
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1515
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1516
+ -webkit-box-shadow: none;
1517
+ -moz-box-shadow: none;
1518
+ box-shadow: none;
1519
+ cursor: default;
1520
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1521
+ opacity: 0.6;
1522
+ }
1523
+ .punchcut .button.large.spotlight {
1524
+ font-weight: bold;
1525
+ border-width: 1px;
1526
+ border-style: solid;
1527
+ cursor: pointer;
1528
+ margin: 0;
1529
+ overflow: visible;
1530
+ text-decoration: none !important;
1531
+ text-align: center;
1532
+ width: auto;
1533
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1534
+ -webkit-border-radius: 3px;
1535
+ -moz-border-radius: 3px;
1536
+ -ms-border-radius: 3px;
1537
+ -o-border-radius: 3px;
1538
+ border-radius: 3px;
1539
+ padding: 0 15px;
1540
+ height: 36px;
1541
+ line-height: 34px;
1542
+ -webkit-box-sizing: border-box;
1543
+ -moz-box-sizing: border-box;
1544
+ box-sizing: border-box;
1545
+ font-size: 16px;
1546
+ color: white;
1547
+ background-color: #414141;
1548
+ border-color: #434343;
1549
+ *zoom: 1;
1550
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1551
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
1552
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
1553
+ background-image: -moz-linear-gradient(top, #555555, #222222);
1554
+ background-image: -o-linear-gradient(top, #555555, #222222);
1555
+ background-image: linear-gradient(top, #555555, #222222);
1556
+ white-space: nowrap;
1557
+ display: -moz-inline-stack;
1558
+ display: inline-block;
1559
+ vertical-align: middle;
1560
+ *vertical-align: auto;
1561
+ zoom: 1;
1562
+ *display: inline;
1563
+ vertical-align: middle;
1564
+ }
1565
+ .punchcut .button.large.spotlight.hover, .punchcut .button.large.spotlight:hover, .punchcut .button.large.spotlight.focus, .punchcut .button.large.spotlight:focus {
1566
+ background-color: #343434;
1567
+ *zoom: 1;
1568
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1569
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1570
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1571
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1572
+ background-image: -o-linear-gradient(top, #444444, #111111);
1573
+ background-image: linear-gradient(top, #444444, #111111);
1574
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1575
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1576
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1577
+ }
1578
+ .punchcut .button.large.spotlight.active, .punchcut .button.large.spotlight:active {
1579
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1580
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1581
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1582
+ }
1583
+ .punchcut .button.large.spotlight.disabled, .punchcut .button.large.spotlight[disabled] {
1584
+ background-color: #343434;
1585
+ *zoom: 1;
1586
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1587
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1588
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1589
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1590
+ background-image: -o-linear-gradient(top, #444444, #111111);
1591
+ background-image: linear-gradient(top, #444444, #111111);
1592
+ -webkit-box-shadow: none;
1593
+ -moz-box-shadow: none;
1594
+ box-shadow: none;
1595
+ cursor: default;
1596
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1597
+ opacity: 0.6;
1598
+ }
1599
+ .punchcut .button.medium.primary {
1600
+ font-weight: bold;
1601
+ border-width: 1px;
1602
+ border-style: solid;
1603
+ cursor: pointer;
1604
+ margin: 0;
1605
+ overflow: visible;
1606
+ text-decoration: none !important;
1607
+ text-align: center;
1608
+ width: auto;
1609
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1610
+ -webkit-border-radius: 3px;
1611
+ -moz-border-radius: 3px;
1612
+ -ms-border-radius: 3px;
1613
+ -o-border-radius: 3px;
1614
+ border-radius: 3px;
1615
+ padding: 0 13px;
1616
+ height: 31px;
1617
+ line-height: 29px;
1618
+ -webkit-box-sizing: border-box;
1619
+ -moz-box-sizing: border-box;
1620
+ box-sizing: border-box;
1621
+ font-size: 13px;
1622
+ color: white;
1623
+ background-color: #0074cc;
1624
+ border-color: #434343;
1625
+ *zoom: 1;
1626
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1627
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
1628
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
1629
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
1630
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
1631
+ background-image: linear-gradient(top, #0088cc, #0055cc);
1632
+ white-space: nowrap;
1633
+ display: -moz-inline-stack;
1634
+ display: inline-block;
1635
+ vertical-align: middle;
1636
+ *vertical-align: auto;
1637
+ zoom: 1;
1638
+ *display: inline;
1639
+ vertical-align: middle;
1640
+ }
1641
+ .punchcut .button.medium.primary.hover, .punchcut .button.medium.primary:hover, .punchcut .button.medium.primary.focus, .punchcut .button.medium.primary:focus {
1642
+ background-color: #0055cc;
1643
+ *zoom: 1;
1644
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1645
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1646
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1647
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1648
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1649
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1650
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1651
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1652
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1653
+ }
1654
+ .punchcut .button.medium.primary.active, .punchcut .button.medium.primary:active {
1655
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1656
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1657
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1658
+ }
1659
+ .punchcut .button.medium.primary.disabled, .punchcut .button.medium.primary[disabled] {
1660
+ background-color: #0055cc;
1661
+ *zoom: 1;
1662
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1663
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1664
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1665
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1666
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1667
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1668
+ -webkit-box-shadow: none;
1669
+ -moz-box-shadow: none;
1670
+ box-shadow: none;
1671
+ cursor: default;
1672
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1673
+ opacity: 0.6;
1674
+ }
1675
+ .punchcut .button.medium.secondary {
1676
+ font-weight: bold;
1677
+ border-width: 1px;
1678
+ border-style: solid;
1679
+ cursor: pointer;
1680
+ margin: 0;
1681
+ overflow: visible;
1682
+ text-decoration: none !important;
1683
+ text-align: center;
1684
+ width: auto;
1685
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1686
+ -webkit-border-radius: 3px;
1687
+ -moz-border-radius: 3px;
1688
+ -ms-border-radius: 3px;
1689
+ -o-border-radius: 3px;
1690
+ border-radius: 3px;
1691
+ padding: 0 13px;
1692
+ height: 31px;
1693
+ line-height: 29px;
1694
+ -webkit-box-sizing: border-box;
1695
+ -moz-box-sizing: border-box;
1696
+ box-sizing: border-box;
1697
+ font-size: 13px;
1698
+ color: #333333;
1699
+ background-color: whitesmoke;
1700
+ border-color: #434343;
1701
+ *zoom: 1;
1702
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1703
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1704
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1705
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1706
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1707
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1708
+ white-space: nowrap;
1709
+ display: -moz-inline-stack;
1710
+ display: inline-block;
1711
+ vertical-align: middle;
1712
+ *vertical-align: auto;
1713
+ zoom: 1;
1714
+ *display: inline;
1715
+ vertical-align: middle;
1716
+ }
1717
+ .punchcut .button.medium.secondary.hover, .punchcut .button.medium.secondary:hover, .punchcut .button.medium.secondary.focus, .punchcut .button.medium.secondary:focus {
1718
+ background-color: #e6e6e6;
1719
+ *zoom: 1;
1720
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1721
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1722
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1723
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1724
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1725
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1726
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1727
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1728
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1729
+ }
1730
+ .punchcut .button.medium.secondary.active, .punchcut .button.medium.secondary:active {
1731
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1732
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1733
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1734
+ }
1735
+ .punchcut .button.medium.secondary.disabled, .punchcut .button.medium.secondary[disabled] {
1736
+ background-color: #e6e6e6;
1737
+ *zoom: 1;
1738
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1739
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1740
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1741
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1742
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1743
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1744
+ -webkit-box-shadow: none;
1745
+ -moz-box-shadow: none;
1746
+ box-shadow: none;
1747
+ cursor: default;
1748
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1749
+ opacity: 0.6;
1750
+ }
1751
+ .punchcut .button.medium.spotlight {
1752
+ font-weight: bold;
1753
+ border-width: 1px;
1754
+ border-style: solid;
1755
+ cursor: pointer;
1756
+ margin: 0;
1757
+ overflow: visible;
1758
+ text-decoration: none !important;
1759
+ text-align: center;
1760
+ width: auto;
1761
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1762
+ -webkit-border-radius: 3px;
1763
+ -moz-border-radius: 3px;
1764
+ -ms-border-radius: 3px;
1765
+ -o-border-radius: 3px;
1766
+ border-radius: 3px;
1767
+ padding: 0 13px;
1768
+ height: 31px;
1769
+ line-height: 29px;
1770
+ -webkit-box-sizing: border-box;
1771
+ -moz-box-sizing: border-box;
1772
+ box-sizing: border-box;
1773
+ font-size: 13px;
1774
+ color: white;
1775
+ background-color: #414141;
1776
+ border-color: #434343;
1777
+ *zoom: 1;
1778
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1779
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
1780
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
1781
+ background-image: -moz-linear-gradient(top, #555555, #222222);
1782
+ background-image: -o-linear-gradient(top, #555555, #222222);
1783
+ background-image: linear-gradient(top, #555555, #222222);
1784
+ white-space: nowrap;
1785
+ display: -moz-inline-stack;
1786
+ display: inline-block;
1787
+ vertical-align: middle;
1788
+ *vertical-align: auto;
1789
+ zoom: 1;
1790
+ *display: inline;
1791
+ vertical-align: middle;
1792
+ }
1793
+ .punchcut .button.medium.spotlight.hover, .punchcut .button.medium.spotlight:hover, .punchcut .button.medium.spotlight.focus, .punchcut .button.medium.spotlight:focus {
1794
+ background-color: #343434;
1795
+ *zoom: 1;
1796
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1797
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1798
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1799
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1800
+ background-image: -o-linear-gradient(top, #444444, #111111);
1801
+ background-image: linear-gradient(top, #444444, #111111);
1802
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1803
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1804
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1805
+ }
1806
+ .punchcut .button.medium.spotlight.active, .punchcut .button.medium.spotlight:active {
1807
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1808
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1809
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1810
+ }
1811
+ .punchcut .button.medium.spotlight.disabled, .punchcut .button.medium.spotlight[disabled] {
1812
+ background-color: #343434;
1813
+ *zoom: 1;
1814
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
1815
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
1816
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
1817
+ background-image: -moz-linear-gradient(top, #444444, #111111);
1818
+ background-image: -o-linear-gradient(top, #444444, #111111);
1819
+ background-image: linear-gradient(top, #444444, #111111);
1820
+ -webkit-box-shadow: none;
1821
+ -moz-box-shadow: none;
1822
+ box-shadow: none;
1823
+ cursor: default;
1824
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1825
+ opacity: 0.6;
1826
+ }
1827
+ .punchcut .button.small.primary {
1828
+ font-weight: bold;
1829
+ border-width: 1px;
1830
+ border-style: solid;
1831
+ cursor: pointer;
1832
+ margin: 0;
1833
+ overflow: visible;
1834
+ text-decoration: none !important;
1835
+ text-align: center;
1836
+ width: auto;
1837
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1838
+ -webkit-border-radius: 3px;
1839
+ -moz-border-radius: 3px;
1840
+ -ms-border-radius: 3px;
1841
+ -o-border-radius: 3px;
1842
+ border-radius: 3px;
1843
+ padding: 0 10px;
1844
+ height: 26px;
1845
+ line-height: 24px;
1846
+ -webkit-box-sizing: border-box;
1847
+ -moz-box-sizing: border-box;
1848
+ box-sizing: border-box;
1849
+ font-size: 12px;
1850
+ color: white;
1851
+ background-color: #0074cc;
1852
+ border-color: #434343;
1853
+ *zoom: 1;
1854
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1855
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
1856
+ background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
1857
+ background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
1858
+ background-image: -o-linear-gradient(top, #0088cc, #0055cc);
1859
+ background-image: linear-gradient(top, #0088cc, #0055cc);
1860
+ white-space: nowrap;
1861
+ display: -moz-inline-stack;
1862
+ display: inline-block;
1863
+ vertical-align: middle;
1864
+ *vertical-align: auto;
1865
+ zoom: 1;
1866
+ *display: inline;
1867
+ vertical-align: middle;
1868
+ }
1869
+ .punchcut .button.small.primary.hover, .punchcut .button.small.primary:hover, .punchcut .button.small.primary.focus, .punchcut .button.small.primary:focus {
1870
+ background-color: #0055cc;
1871
+ *zoom: 1;
1872
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1873
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1874
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1875
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1876
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1877
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1878
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1879
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1880
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1881
+ }
1882
+ .punchcut .button.small.primary.active, .punchcut .button.small.primary:active {
1883
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1884
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1885
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1886
+ }
1887
+ .punchcut .button.small.primary.disabled, .punchcut .button.small.primary[disabled] {
1888
+ background-color: #0055cc;
1889
+ *zoom: 1;
1890
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
1891
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
1892
+ background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
1893
+ background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
1894
+ background-image: -o-linear-gradient(top, #0066cc, #0033cc);
1895
+ background-image: linear-gradient(top, #0066cc, #0033cc);
1896
+ -webkit-box-shadow: none;
1897
+ -moz-box-shadow: none;
1898
+ box-shadow: none;
1899
+ cursor: default;
1900
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1901
+ opacity: 0.6;
1902
+ }
1903
+ .punchcut .button.small.secondary {
1904
+ font-weight: bold;
1905
+ border-width: 1px;
1906
+ border-style: solid;
1907
+ cursor: pointer;
1908
+ margin: 0;
1909
+ overflow: visible;
1910
+ text-decoration: none !important;
1911
+ text-align: center;
1912
+ width: auto;
1913
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1914
+ -webkit-border-radius: 3px;
1915
+ -moz-border-radius: 3px;
1916
+ -ms-border-radius: 3px;
1917
+ -o-border-radius: 3px;
1918
+ border-radius: 3px;
1919
+ padding: 0 10px;
1920
+ height: 26px;
1921
+ line-height: 24px;
1922
+ -webkit-box-sizing: border-box;
1923
+ -moz-box-sizing: border-box;
1924
+ box-sizing: border-box;
1925
+ font-size: 12px;
1926
+ color: #333333;
1927
+ background-color: whitesmoke;
1928
+ border-color: #434343;
1929
+ *zoom: 1;
1930
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1931
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1932
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1933
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1934
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1935
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1936
+ white-space: nowrap;
1937
+ display: -moz-inline-stack;
1938
+ display: inline-block;
1939
+ vertical-align: middle;
1940
+ *vertical-align: auto;
1941
+ zoom: 1;
1942
+ *display: inline;
1943
+ vertical-align: middle;
1944
+ }
1945
+ .punchcut .button.small.secondary.hover, .punchcut .button.small.secondary:hover, .punchcut .button.small.secondary.focus, .punchcut .button.small.secondary:focus {
1946
+ background-color: #e6e6e6;
1947
+ *zoom: 1;
1948
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1949
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1950
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1951
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1952
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1953
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1954
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1955
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1956
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
1957
+ }
1958
+ .punchcut .button.small.secondary.active, .punchcut .button.small.secondary:active {
1959
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1960
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1961
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
1962
+ }
1963
+ .punchcut .button.small.secondary.disabled, .punchcut .button.small.secondary[disabled] {
1964
+ background-color: #e6e6e6;
1965
+ *zoom: 1;
1966
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
1967
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
1968
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
1969
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
1970
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
1971
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
1972
+ -webkit-box-shadow: none;
1973
+ -moz-box-shadow: none;
1974
+ box-shadow: none;
1975
+ cursor: default;
1976
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
1977
+ opacity: 0.6;
1978
+ }
1979
+ .punchcut .button.small.spotlight {
1980
+ font-weight: bold;
1981
+ border-width: 1px;
1982
+ border-style: solid;
1983
+ cursor: pointer;
1984
+ margin: 0;
1985
+ overflow: visible;
1986
+ text-decoration: none !important;
1987
+ text-align: center;
1988
+ width: auto;
1989
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1990
+ -webkit-border-radius: 3px;
1991
+ -moz-border-radius: 3px;
1992
+ -ms-border-radius: 3px;
1993
+ -o-border-radius: 3px;
1994
+ border-radius: 3px;
1995
+ padding: 0 10px;
1996
+ height: 26px;
1997
+ line-height: 24px;
1998
+ -webkit-box-sizing: border-box;
1999
+ -moz-box-sizing: border-box;
2000
+ box-sizing: border-box;
2001
+ font-size: 12px;
2002
+ color: white;
2003
+ background-color: #414141;
2004
+ border-color: #434343;
2005
+ *zoom: 1;
2006
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
2007
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
2008
+ background-image: -webkit-linear-gradient(top, #555555, #222222);
2009
+ background-image: -moz-linear-gradient(top, #555555, #222222);
2010
+ background-image: -o-linear-gradient(top, #555555, #222222);
2011
+ background-image: linear-gradient(top, #555555, #222222);
2012
+ white-space: nowrap;
2013
+ display: -moz-inline-stack;
2014
+ display: inline-block;
2015
+ vertical-align: middle;
2016
+ *vertical-align: auto;
2017
+ zoom: 1;
2018
+ *display: inline;
2019
+ vertical-align: middle;
2020
+ }
2021
+ .punchcut .button.small.spotlight.hover, .punchcut .button.small.spotlight:hover, .punchcut .button.small.spotlight.focus, .punchcut .button.small.spotlight:focus {
2022
+ background-color: #343434;
2023
+ *zoom: 1;
2024
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
2025
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
2026
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
2027
+ background-image: -moz-linear-gradient(top, #444444, #111111);
2028
+ background-image: -o-linear-gradient(top, #444444, #111111);
2029
+ background-image: linear-gradient(top, #444444, #111111);
2030
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2031
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2032
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2033
+ }
2034
+ .punchcut .button.small.spotlight.active, .punchcut .button.small.spotlight:active {
2035
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2036
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2037
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2038
+ }
2039
+ .punchcut .button.small.spotlight.disabled, .punchcut .button.small.spotlight[disabled] {
2040
+ background-color: #343434;
2041
+ *zoom: 1;
2042
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
2043
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
2044
+ background-image: -webkit-linear-gradient(top, #444444, #111111);
2045
+ background-image: -moz-linear-gradient(top, #444444, #111111);
2046
+ background-image: -o-linear-gradient(top, #444444, #111111);
2047
+ background-image: linear-gradient(top, #444444, #111111);
2048
+ -webkit-box-shadow: none;
2049
+ -moz-box-shadow: none;
2050
+ box-shadow: none;
2051
+ cursor: default;
2052
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
2053
+ opacity: 0.6;
2054
+ }
2055
+
2056
+ .test-exclude {
2057
+ font-weight: bold;
2058
+ border-width: 1px;
2059
+ border-style: solid;
2060
+ margin: 0;
2061
+ overflow: visible;
2062
+ text-decoration: none !important;
2063
+ text-align: center;
2064
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
2065
+ -webkit-box-sizing: border-box;
2066
+ -moz-box-sizing: border-box;
2067
+ box-sizing: border-box;
2068
+ color: #333333;
2069
+ background-color: whitesmoke;
2070
+ border-color: #aaaaaa;
2071
+ *zoom: 1;
2072
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
2073
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
2074
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
2075
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
2076
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
2077
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
2078
+ white-space: nowrap;
2079
+ display: -moz-inline-stack;
2080
+ display: inline-block;
2081
+ vertical-align: middle;
2082
+ *vertical-align: auto;
2083
+ zoom: 1;
2084
+ *display: inline;
2085
+ vertical-align: middle;
2086
+ }
2087
+ .test-exclude.hover, .test-exclude:hover, .test-exclude.focus, .test-exclude:focus {
2088
+ background-color: #e6e6e6;
2089
+ *zoom: 1;
2090
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
2091
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
2092
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
2093
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
2094
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
2095
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
2096
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2097
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2098
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2099
+ }
2100
+ .test-exclude.active, .test-exclude:active {
2101
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2102
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2103
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2104
+ }
2105
+ .test-exclude.disabled, .test-exclude[disabled] {
2106
+ background-color: #e6e6e6;
2107
+ *zoom: 1;
2108
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
2109
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
2110
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
2111
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
2112
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
2113
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
2114
+ -webkit-box-shadow: none;
2115
+ -moz-box-shadow: none;
2116
+ box-shadow: none;
2117
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
2118
+ opacity: 0.6;
2119
+ }