archetype 0.0.1.pre.10 → 0.0.1.pre.11

data/stylesheets/archetype/grid/_grid.scss

@@ -68,7 +68,7 @@
 // @param     $left {Number} the number of units to dent left
 // @param     $right {Number} the number of units to dent right
 // @param     $direction {String} [in|out] the direction to dent
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 // @return    $dent {List} list of dents
 @function _gridDent($list: false, $left: 0, $right: 0, $direction: in, $abuse: false) {
   $factor: if($direction == out, -1, 1) * $CONFIG_GRID_SPACING_FACTOR;
@@ -92,7 +92,7 @@
 // @param     $list {List} list of indents
 // @param     $left {Number} the number of units to indent left
 // @param     $right {Number} the number of units to indent right
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 // @return    {List} list of indents
 @function grid-indent($list: false, $left: 0, $right: 0, $abuse: false) {
   @return _gridDent($list, $left, $right, $direction: in, $abuse: $abuse);
@@ -103,7 +103,7 @@
 // @param     $list {List} list of outdents
 // @param     $left {Number} the number of units to outdent left
 // @param     $right {Number} the number of units to outdent right
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 // @return    {List} list of outdents
 @function grid-outdent($list: false, $left: 0, $right: 0, $abuse: false) {
   @return _gridDent($list, $left, $right, $direction: out, $abuse: $abuse);
@@ -217,7 +217,7 @@
 
 // this lets rows clear the floated containers
 // @mixin     grid-row
-// @param     $debug {Boolean} use debug stylings
+// @param     $debug {Bool} use debug stylings
 @mixin grid-row($debug: false) {
   @include grid-block(true);
   @include debug-hover-box(rgb(255, 0, 255), $if: ($debug or $CONFIG_GRID_DEBUG));
@@ -225,7 +225,7 @@
 
 // output the block methods
 // @mixin     grid-block
-// @param     $row {Boolean} is this block a row
+// @param     $row {Bool} is this block a row
 @mixin grid-block($row: false) {
   // FLOAT
   @if($CONFIG_GRID_ALIGN_METHOD == float){
@@ -257,7 +257,7 @@
       //text-space-collapse: collapse;
     }
     @else {
-      // if reading direction is different from the grid direction,
+      // if reading direction is differernt from the grid direction,
       // reset the reading direction of the inner container
       @if(reading-direction() != $CONFIG_GRID_DIRECTION) {
         direction: reading-direction();
@@ -283,7 +283,7 @@
       border-spacing: $CONFIG_GRID_GUTTER 0;
     }
     @else {
-      // if reading direction is different from the grid direction,
+      // if reading direction is differernt from the grid direction,
       // reset the reading direction of the inner container
       @if(reading-direction() != $CONFIG_GRID_DIRECTION) {
         direction: reading-direction();
@@ -302,7 +302,7 @@
 // @mixin     grid-canvas
 // @param     $columns {Number} the number or fraction of columns to span, if fraction, must specify $of
 // @param     $of {Number} the total number of columns spanned, only use with fractional $columns
-// @param     $debug {Boolean} use debug stylings
+// @param     $debug {Bool} use debug stylings
 @mixin grid-canvas($columns: false, $of: false, $debug: false) {
   @include grid($columns: $columns, $of: $of, $debug: $debug, $canvas: true);
 }
@@ -310,15 +310,15 @@
 // the main grid mixin
 // @mixin     grid
 // @param     $columns {Number} the number or fraction of columns to span, if fraction, must specify $of
-// @param     $first {Boolean} is this the first grid block of a row
+// @param     $first {Bool} is this the first grid block of a row
 // @param     $of {Number} the total number of columns spanned, only use with fractional $columns
 // @param     $indent {List} the grid indents @see grid-indent
 // @param     $outdent {List} the grid outdents @see grid-outdent
 // @param     $offset {List} the grid offsets @see grid-offset, grid-push, grid-pull
-// @param     $canvas {Boolean} treat this grid block as a canvas; a canvas is a non-floated, centered grid-block
-// @param     $row {Boolean} @see grid-row
-// @param     $center {Boolean} whether or not to center the grid block
-// @param     $debug {Boolean} use debug stylings
+// @param     $canvas {Bool} treat this grid block as a canvas; a canvas is a non-floated, centered grid-block
+// @param     $row {Bool} @see grid-row
+// @param     $center {Bool} whether or not to center the grid block
+// @param     $debug {Bool} use debug stylings
 @mixin grid($columns: false, $first: false, $of: false, $indent: false, $outdent: false, $offset: false, $offset-method: $CONFIG_GRID_OFFSET_METHOD, $canvas: false, $row: false, $center: false, $debug: false) {
   @if($row) {
     @include grid-row($debug: $debug);

data/stylesheets/archetype/styleguide/components/_buttons.scss

@@ -15,7 +15,6 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
     margin                  0,
     overflow                visible,
     text-decoration         (none !important),
-    text-align              center,
     width                   auto,
     text-shadow             $CONFIG_SHADOW_BUTTON_TEXT,
     // sizing

data/stylesheets/archetype/util/_debug.scss

@@ -2,8 +2,8 @@
 
 // check if debug is enabled
 // @function  is-debug-enabled
-// @param     $if {Boolean} optional override for $CONFIG_DEBUG
-// @return    {Boolean} whether or not debug is enabled
+// @param     $if {Bool} optional override for $CONFIG_DEBUG
+// @return    {Bool} whether or not debug is enabled
 @function is-debug-enabled($if: nil) {
   // debug is only available in DEV environments, so check that first
   // then check if the debug flag/override is truthy
@@ -13,7 +13,7 @@
 // a debug helper, print out a message
 // @mixin     debug-message
 // @param     $message {String} the message to output
-// @param     $if {Boolean} override $CONFIG_DEBUG
+// @param     $if {Bool} override $CONFIG_DEBUG
 @mixin debug-message($message, $if: nil) {
   @if(is-debug-enabled($if)) {
     @if archetype-version('sass >= 3.2') {
@@ -29,7 +29,7 @@
 // @mixin     debug-hover-box
 // @param     $color {String} the color to draw the border
 // @param     $opacity {Number}
-// @param     $if {Boolean} override $CONFIG_DEBUG
+// @param     $if {Bool} override $CONFIG_DEBUG
 @mixin debug-hover-box($color: rgb(0, 255, 255), $opacity: 0.9, $if: nil) {
   @if(is-debug-enabled($if)) {
     &:hover {

data/stylesheets/archetype/util/_lists.scss

@@ -5,7 +5,7 @@
 // @param     $list {List} the list to remove from
 // @param     $idx {Number} the index to remove
 // @param     $separator {String} the separator to use [auto|comma|space]
-// @return    $new-list {Boolean} the list with removed index
+// @return    $new-list {Bool} the list with removed index
 @function list-remove($list: (), $idx: false, $separator: auto) {
   @return list-replace($list: $list, $idx: $idx, $value: nil, $separator: $separator);
 }

data/stylesheets/archetype/util/_misc.scss

@@ -20,7 +20,7 @@ $REGISTRY_DO_ONCE: () !default;
 // a function to prevent routines from executing multiple times
 // @function  do-once
 // @param     $name {String} name of the identifier
-// @return    {Boolean} true if the first time invoked, false otherwise
+// @return    {Bool} true if the first time invoked, false otherwise
 @function do-once($name) {
   @if index($REGISTRY_DO_ONCE, $name) {
     @return false;

data/stylesheets/archetype/util/_rtl.scss

@@ -5,7 +5,7 @@
 // @param     $value {List|String} [*|left|right] the value to augment
 // @param     $method {String} [border-radius|background]
 // @param     $force {String} [ltr|rtl] allows you to ignore reading-direction()
-// @return    {Boolean|List|String} the augmented value
+// @return    {Bool|List|String} the augmented value
 @function rtl($value: false, $method: false, $force: false) {
   $dir: if($force, $force, reading-direction());
   @if($value == false) {

data/stylesheets/archetype/util/_spacing.scss

@@ -5,7 +5,7 @@
 // @private
 // @param     $unit {Number} unit of measurement
 // @param     $direction {String} [horizontal|vertical] spacing
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 // @return    {String} the calculated spacing
 @function _spacing($unit: nil, $direction: horizontal, $abuse: false) {
   @if $unit == nil {
@@ -19,7 +19,7 @@
 // horizonatl spacing calculations
 // @function  horizontal-spacing
 // @param     $unit {Number} unit of measurement
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 // @return    {String} the calculated horizontal spacing
 @function horizontal-spacing($unit, $abuse: false) {
   @return _spacing($unit, $abuse: $abuse);
@@ -28,7 +28,7 @@
 // vertical spacing calculations
 // @function  vertical-spacing
 // @param     $unit {Number} unit of measurement
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 // @return    {String} the calculated vertical spacing
 @function vertical-spacing($unit, $abuse: false) {
   @return _spacing($unit, $direction: vertical, $abuse: $abuse);
@@ -40,7 +40,7 @@
 // @param     $top {Number} the units to offset from the top
 // @param     $bottom {Number} the units to offset from the bottom
 // @param     $method {String} [margin|padding] offset method
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 @mixin vertical-spacing($list: false, $top: nil, $bottom: nil, $method: false, $abuse: false) {
   $list: get-collection($list, ($top $bottom), $min: 2);
   @include _spacing($list, vertical, $method: $method, $abuse: $abuse);
@@ -51,7 +51,7 @@
 // @param     $left {Number} the units to offset from the left
 // @param     $right {Number} the units to offset from the right
 // @param     $method {String} [margin|padding] offset method
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 @mixin horizontal-spacing($list: false, $left: nil, $right: nil, $method: false, $abuse: false) {
   $list: get-collection($list, ($left $right), $min: 2);
   @include _spacing($list, $method: $method, $abuse: $abuse);
@@ -62,7 +62,7 @@
 // @private
 // @param     $units {List} the list of units e.g. (1) => $left:1 $right:1; (1 0) => $left:1 $right:0;
 // @param     $method {String} [margin|padding] offset method
-// @param     $abuse {Boolean} @see _getUnit
+// @param     $abuse {Bool} @see _getUnit
 @mixin _spacing($units, $direction: horizontal, $method: false, $abuse: false) {
   @if(not $method) {
     $method: $CONFIG_SPACING_METHOD;

data/stylesheets/archetype/util/_styles.scss

@@ -10,6 +10,7 @@
 // @param     $value {*} the CSS value to output
 @mixin _outputStyle($property, $value: nil) {
   @if($value != nil) {
+    // !!DO NOT COPY TO ARCHETYPE - this mixin is specific to _round_button.scss
     @if($property == round-button-ie-support) {
       @include round-button-ie-support($value)
     }
@@ -31,20 +32,14 @@
   }
 }
 
-// Themes can override this function & custom-output-styler to add their own
-// custom style includes.
-@function has-custom-output-styler($property, $value, $method:pre){
-  @return false;
-}
-
 // output a property or augment it to use a mixin
 // @mixin     output-style
 // @param     $property {String} the CSS property to output
 // @param     $value {*} the CSS value to output
 @mixin output-style($property, $value: nil) {
-
-  @if($property != nil and length(-compass-list($value)) > 0 and first-value-of(-compass-list($value)) != nil and not index($CONFIG_DISABLED_CSS, $property)) {
+  @if($property != nil and nth(-compass-list($value), 1) != nil and not index($CONFIG_DISABLED_CSS, $property)) {
     // for mixins, we need to do some custom work
+    // has-custom-output-styler: copy & pasted from latest github repo 10/3/2013
     // check to see if we have a custom output styler (pre)
     @if has-custom-output-styler($property, $value, pre) == true {
       @include custom-output-styler($property, $value, $method: pre);
@@ -89,14 +84,8 @@
     @else if($property == stretch)              { @include stretch(); }
     // appearance
     @else if($property == appearance)           { @include appearance($value); }
-    // unhide-element
-    @else if($property == unhide-element)       { @include unhide-element(); }
-    // ellipsis
-    @else if($property == ellipsis)             { @include ellipsis(); }
-    // scale
-    @else if($property == scale)                { @include scale($value); }
     @else if($property == glyph-icon)           { @include glyph-icon(nth($value, 1), nth($value, 2), nth($value, 3), nth($value, 4), nth($value, 5)); }
-    @else if($property == extend)               { @extend #{$value}; }
+    @else if($property == scale)                { @include scale($value); }
     // animations
     @else if($property == animation) {
       @if archetype-version('compass >= 0.13') {
@@ -166,6 +155,7 @@
     }
     //ellipsis
     @else if($property == ellipsis)   { @include ellipsis(); }
+    // has-custom-output-styler: copy & pasted from latest github repo 10/3/2013
     // check to see if we have a custom output styler (post)
     @else if has-custom-output-styler($property, $value, post) == true {
       @include custom-output-styler($property, $value, $method: post);
@@ -176,10 +166,10 @@
 }
 
 // convert a list of key-value pairs into CSS rules
-// @mixin     to-styles
-// @param     $list {List} a key-value paired list of ($property $value)
-// @param     $states {Boolean|List} if true, output all states; if false, output no states; if a list, output only the states in the list
-// @param     $exclude {List} a list of styles to exclude from output
+// @mixin to-styles
+// @param $list {List} a key-value paired list of ($property $value)
+// @param $states {Boolean|List} if true, output all states; if false, output no states; if a list, output only the states in the list
+// @param $exclude {List} a list of styles to exclude from output
 @mixin to-styles($list: (), $states: true, $selectors: true, $exclude: ()) {
   $exclude: -compass-list($exclude);
   $states-data: ();
@@ -235,14 +225,7 @@
 }
 
 @function _getSelectorSelector($selector) {
-  $selector: first-value-of(-compass-list($selector));
-  @if $selector == $CORE_GLYPH_SELECTOR_VAR {
-    $selector: $archetype-glyph-selector;
-  }
-  @elseif $selector == $CORE_GLYPH_SELECTOR_VAR {
-    $selector: $archetype-pseudo-selector;
-  }
-  @return $selector;
+  @return first-value-of(-compass-list($selector));
 }
 
 // mixin for outputting filters in legacy IE

data/stylesheets/archetype/util/_targeting.scss

@@ -3,7 +3,7 @@
 @function _isLegacySupported($vendor, $comparator, $version) {
   // we currently only check for legacy IE support
   @if $vendor != ie { @return true; }
-  $compass-not-legacy-ie-version: 9;  // the version if IE that Compass starts considering `legacy`
+  $compass-not-legacy-ie-version: 9; // the version if IE that Compass starts considering `legacy`
   $min-ie-legacy-support: 999;
   @if($legacy-support-for-ie8) { $min-ie-legacy-support: 8; }
   @if($legacy-support-for-ie7) { $min-ie-legacy-support: 7; }

data/test/fixtures/stylesheets/archetype/config.rb

@@ -11,11 +11,9 @@ http_images_path  = "/assets/images"
 http_fonts_path   = "/assets/fonts"
 line_comments     = false
 environment       = :production
-testing           = true
 
 asset_cache_buster do |path, file|
   "busted=true"
 end
 
 disable_warnings = true
-

data/test/fixtures/stylesheets/archetype/saved/styleguide/buttons.css

@@ -0,0 +1,2027 @@
+.container .button.large.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #1b5480;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.large.primary.hover, .container .button.large.primary:hover, .container .button.large.primary.focus, .container .button.large.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.large.primary.active, .container .button.large.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.large.primary.disabled, .container .button.large.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.large.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #aaaaaa;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.large.secondary.hover, .container .button.large.secondary:hover, .container .button.large.secondary.focus, .container .button.large.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.large.secondary.active, .container .button.large.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.large.secondary.disabled, .container .button.large.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.large.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: white;
+  background-color: #414141;
+  border-color: #111111;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.large.spotlight.hover, .container .button.large.spotlight:hover, .container .button.large.spotlight.focus, .container .button.large.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.large.spotlight.active, .container .button.large.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.large.spotlight.disabled, .container .button.large.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.medium.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #1b5480;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.medium.primary.hover, .container .button.medium.primary:hover, .container .button.medium.primary.focus, .container .button.medium.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.medium.primary.active, .container .button.medium.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.medium.primary.disabled, .container .button.medium.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.medium.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #aaaaaa;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.medium.secondary.hover, .container .button.medium.secondary:hover, .container .button.medium.secondary.focus, .container .button.medium.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.medium.secondary.active, .container .button.medium.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.medium.secondary.disabled, .container .button.medium.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.medium.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: white;
+  background-color: #414141;
+  border-color: #111111;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.medium.spotlight.hover, .container .button.medium.spotlight:hover, .container .button.medium.spotlight.focus, .container .button.medium.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.medium.spotlight.active, .container .button.medium.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.medium.spotlight.disabled, .container .button.medium.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.small.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #1b5480;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.small.primary.hover, .container .button.small.primary:hover, .container .button.small.primary.focus, .container .button.small.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.small.primary.active, .container .button.small.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.small.primary.disabled, .container .button.small.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.small.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #aaaaaa;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.small.secondary.hover, .container .button.small.secondary:hover, .container .button.small.secondary.focus, .container .button.small.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.small.secondary.active, .container .button.small.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.small.secondary.disabled, .container .button.small.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.container .button.small.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: white;
+  background-color: #414141;
+  border-color: #111111;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.container .button.small.spotlight.hover, .container .button.small.spotlight:hover, .container .button.small.spotlight.focus, .container .button.small.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.container .button.small.spotlight.active, .container .button.small.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.container .button.small.spotlight.disabled, .container .button.small.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+
+.bristol .button.large.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.large.primary.hover, .bristol .button.large.primary:hover, .bristol .button.large.primary.focus, .bristol .button.large.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.large.primary.active, .bristol .button.large.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.large.primary.disabled, .bristol .button.large.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.large.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.large.secondary.hover, .bristol .button.large.secondary:hover, .bristol .button.large.secondary.focus, .bristol .button.large.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.large.secondary.active, .bristol .button.large.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.large.secondary.disabled, .bristol .button.large.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.large.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: white;
+  background-color: #414141;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.large.spotlight.hover, .bristol .button.large.spotlight:hover, .bristol .button.large.spotlight.focus, .bristol .button.large.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.large.spotlight.active, .bristol .button.large.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.large.spotlight.disabled, .bristol .button.large.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.medium.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.medium.primary.hover, .bristol .button.medium.primary:hover, .bristol .button.medium.primary.focus, .bristol .button.medium.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.medium.primary.active, .bristol .button.medium.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.medium.primary.disabled, .bristol .button.medium.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.medium.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.medium.secondary.hover, .bristol .button.medium.secondary:hover, .bristol .button.medium.secondary.focus, .bristol .button.medium.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.medium.secondary.active, .bristol .button.medium.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.medium.secondary.disabled, .bristol .button.medium.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.medium.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: white;
+  background-color: #414141;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.medium.spotlight.hover, .bristol .button.medium.spotlight:hover, .bristol .button.medium.spotlight.focus, .bristol .button.medium.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.medium.spotlight.active, .bristol .button.medium.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.medium.spotlight.disabled, .bristol .button.medium.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.small.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.small.primary.hover, .bristol .button.small.primary:hover, .bristol .button.small.primary.focus, .bristol .button.small.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.small.primary.active, .bristol .button.small.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.small.primary.disabled, .bristol .button.small.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.small.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.small.secondary.hover, .bristol .button.small.secondary:hover, .bristol .button.small.secondary.focus, .bristol .button.small.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.small.secondary.active, .bristol .button.small.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.small.secondary.disabled, .bristol .button.small.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.bristol .button.small.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: white;
+  background-color: #414141;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.bristol .button.small.spotlight.hover, .bristol .button.small.spotlight:hover, .bristol .button.small.spotlight.focus, .bristol .button.small.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.bristol .button.small.spotlight.active, .bristol .button.small.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.bristol .button.small.spotlight.disabled, .bristol .button.small.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+
+.punchcut .button.large.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.large.primary.hover, .punchcut .button.large.primary:hover, .punchcut .button.large.primary.focus, .punchcut .button.large.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.large.primary.active, .punchcut .button.large.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.large.primary.disabled, .punchcut .button.large.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.large.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.large.secondary.hover, .punchcut .button.large.secondary:hover, .punchcut .button.large.secondary.focus, .punchcut .button.large.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.large.secondary.active, .punchcut .button.large.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.large.secondary.disabled, .punchcut .button.large.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.large.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 15px;
+  height: 36px;
+  line-height: 34px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: white;
+  background-color: #414141;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.large.spotlight.hover, .punchcut .button.large.spotlight:hover, .punchcut .button.large.spotlight.focus, .punchcut .button.large.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.large.spotlight.active, .punchcut .button.large.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.large.spotlight.disabled, .punchcut .button.large.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.medium.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.medium.primary.hover, .punchcut .button.medium.primary:hover, .punchcut .button.medium.primary.focus, .punchcut .button.medium.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.medium.primary.active, .punchcut .button.medium.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.medium.primary.disabled, .punchcut .button.medium.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.medium.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.medium.secondary.hover, .punchcut .button.medium.secondary:hover, .punchcut .button.medium.secondary.focus, .punchcut .button.medium.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.medium.secondary.active, .punchcut .button.medium.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.medium.secondary.disabled, .punchcut .button.medium.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.medium.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 13px;
+  height: 31px;
+  line-height: 29px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  color: white;
+  background-color: #414141;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.medium.spotlight.hover, .punchcut .button.medium.spotlight:hover, .punchcut .button.medium.spotlight.focus, .punchcut .button.medium.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.medium.spotlight.active, .punchcut .button.medium.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.medium.spotlight.disabled, .punchcut .button.medium.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.small.primary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: white;
+  background-color: #0074cc;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
+  background-image: linear-gradient(top, #0088cc, #0055cc);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.small.primary.hover, .punchcut .button.small.primary:hover, .punchcut .button.small.primary.focus, .punchcut .button.small.primary:focus {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.small.primary.active, .punchcut .button.small.primary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.small.primary.disabled, .punchcut .button.small.primary[disabled] {
+  background-color: #0055cc;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
+  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
+  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
+  background-image: linear-gradient(top, #0066cc, #0033cc);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.small.secondary {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: #333333;
+  background-color: whitesmoke;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.small.secondary.hover, .punchcut .button.small.secondary:hover, .punchcut .button.small.secondary.focus, .punchcut .button.small.secondary:focus {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.small.secondary.active, .punchcut .button.small.secondary:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.small.secondary.disabled, .punchcut .button.small.secondary[disabled] {
+  background-color: #e6e6e6;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
+  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}
+.punchcut .button.small.spotlight {
+  font-weight: bold;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  margin: 0;
+  overflow: visible;
+  text-decoration: none !important;
+  width: auto;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 0 10px;
+  height: 26px;
+  line-height: 24px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: white;
+  background-color: #414141;
+  border-color: #434343;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
+  background-image: -moz-linear-gradient(top, #555555, #222222);
+  background-image: -o-linear-gradient(top, #555555, #222222);
+  background-image: linear-gradient(top, #555555, #222222);
+  white-space: nowrap;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.punchcut .button.small.spotlight.hover, .punchcut .button.small.spotlight:hover, .punchcut .button.small.spotlight.focus, .punchcut .button.small.spotlight:focus {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+}
+.punchcut .button.small.spotlight.active, .punchcut .button.small.spotlight:active {
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
+}
+.punchcut .button.small.spotlight.disabled, .punchcut .button.small.spotlight[disabled] {
+  background-color: #343434;
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF444444', endColorstr='#FF111111');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
+  background-image: -webkit-linear-gradient(top, #444444, #111111);
+  background-image: -moz-linear-gradient(top, #444444, #111111);
+  background-image: -o-linear-gradient(top, #444444, #111111);
+  background-image: linear-gradient(top, #444444, #111111);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+  opacity: 0.6;
+}