archetype 0.0.1.pre.1 → 0.0.1.pre.3.00dfd9a

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