radiant-race_results-extension 1.4.3 → 1.4.5

data/public/javascripts/races.js

@@ -0,0 +1,245 @@
+Array.prototype.sortBy = function(property, reversed) {
+  if (typeof this[0][property] == "number") {
+    this.sort(function (a,b) {
+      if (reversed) {
+        return b[property] - a[property];
+      } else {
+        return a[property] - b[property];
+      }
+    });
+  } else {
+    this.sort(function (a,b) { 
+      if (reversed) {
+        return b[property].localeCompare(a[property]);
+      } else {
+        return a[property].localeCompare(b[property]);
+      } 
+    });
+  }
+};
+
+String.prototype.toSeconds = function() {
+  var timeArray = this.split(":");
+  var seconds = 0;
+  seconds += (parseInt(timeArray[0], 10) * 3600);
+  seconds += (parseInt(timeArray[1], 10) * 60);
+  seconds += (parseInt(timeArray[2], 10));
+  return seconds;
+};
+
+(function($) { 
+
+  var timeFormat = function(value, axis) {
+    if (value == 0) return '0';
+    var prefix = '';
+    if (value < 0) {
+      value = Math.abs(value);
+      prefix = '-';
+    }
+    var h = Math.floor(value/3600);
+    var m = Math.floor((value % 3600)/60);
+    if ( m < 10) m = "0" + m;
+    var s = value % 60;
+    if ( s < 10) s = "0" + s;
+    var tc = [h,m,s].join(":");
+    return prefix + tc;
+  };
+  
+  function ResultsRow(tr) {
+		var self = this;
+		$.extend(self, {
+			element: $(tr),
+			pos: null,
+			club: null,
+			cat: null,
+			name: null,
+			time: null
+		});
+		this.club = this.element.find('td.club').text();
+		if (this.club == "") this.club = "UA";
+		this.pos = parseInt(this.element.find('td.pos').text(), 10);
+		this.name = this.element.find('td.name').text();
+		this.cat = this.element.find('td.cat').text();
+		this.prizes = this.element.find('td.prizes').text();
+		this.time = this.element.find('td.time').text().toSeconds();
+	};
+	
+	function ResultsColumn(th, table) {
+	  var self = this;
+		$.extend(self, {
+		  element: $(th),
+		  link: $(th).find('a'),
+		  table: table,
+		  sortProperty: $(th).attr('class'),
+		  toggle: function (event) {
+		    event.preventDefault();
+        if (self.element.hasClass('up')) {
+          self.table.sort(self.sortProperty, true);
+          self.link.removeClass('up');
+					self.link.addClass('down');
+        }
+ 				else if (self.element.hasClass('down')) {
+					self.table.sort(self.sortProperty);
+					self.link.removeClass('down');
+					self.link.addClass('up');
+				}
+				else {
+          self.table.sort(self.sortProperty);          
+          self.link.addClass('up');
+        }
+		  },
+		  reset: function () {
+        self.link.removeClass('up');
+				self.link.removeClass('down');
+		  }
+		});
+		self.link.addClass('sortable');
+		if (self.sortProperty == 'pos') self.link.addClass('up');
+		self.link.click(self.toggle);
+  };
+  
+	function ResultsTable(table) {
+		var self = this;
+		var tbody = $(table).find('tbody');
+		$.extend(self, {
+			element: $(table),
+			wrapper: tbody,
+			finishers: [],
+			dnfs: [],
+			columns: [],
+			sort: function (property, reversed) {
+				self.reset();
+				self.finishers.sortBy(property, reversed);
+				self.refresh();
+			},
+      reset: function (argument) {
+        self.finishers.sortBy('pos');
+        $.each(self.columns, function () { this.reset(); });
+      },
+			refresh: function () {
+				$.each(self.finishers.concat(self.dnfs), function (i, row) {
+					self.wrapper.append(row.element);
+				});
+			}
+		});
+		self.element.find('tr.finisher').each(function () {
+			self.finishers.push(new ResultsRow(this));
+		});
+		self.element.find('tr.unfinished').each(function () {
+			self.dnfs.push(new ResultsRow(this));
+		});
+		self.element.find('th').each(function () {
+			self.columns.push(new ResultsColumn(this, self));
+		});
+	};
+
+	$.fn.sortable_results = function () {
+		this.each(function () {
+			new ResultsTable(this);
+		});
+	};
+	
+	$.fn.build_chart = function () {
+		this.each(function () {
+      var self = $(this);
+      var waiter = self.find('a.waiting');
+      var href = waiter.attr('href');
+      var list = self.find('ul.labels').eq(0);
+      var ticks = [];
+      list.find('li').each(function (i, el) { ticks.push($(el).text()); });
+      list.hide();
+
+      self.qtip({
+         prerender: true,
+         content: 'Loading...',   // Use a loading message primarily
+         position: {
+            viewport: $(window),  // Keep it visible within the window if possible
+            target: 'mouse',      // Position it in relation to the mouse
+            adjust: { x: 7 }      // ...but adjust it a bit so it doesn't overlap it.
+         },
+         show: false,             // We'll show it programatically, so no show event is needed
+         style: {
+            classes: 'ui-tooltip-shadow ui-tooltip-tipped',
+            tip: false            // Remove the default tip.
+         }
+      });
+
+      $.getJSON(href, function (data) {
+        var length = data[0].length;
+        var series = [];
+        var markers = [];
+        $.each(data[0]['splits'], function () {
+          markers.push([this[0], ticks.shift()]);
+        });
+        
+        var plot_options = {
+          series: {
+            lines: { 
+              show: true
+            },
+            shadowSize: 2,
+            points: {show: true}
+          },
+          xaxis: {
+            show: true, 
+            ticks: markers
+          }, 
+          yaxis: {
+            show: true,
+            tickFormatter: timeFormat
+          },
+          grid: {
+            show: true,
+            borderWidth: 0,
+            hoverable: true, 
+            clickable: true 
+          },
+          legend: {
+            show: false
+          }
+        };
+        
+        $.each(data, function () {
+          points = this['splits'].unshift([0,0]);
+          series.push({
+            data: this['splits'],
+            label: this['name']
+          });
+        });
+
+        self.empty();
+        
+        var plot = $.plot($(self), series, plot_options);
+
+        $(self).bind("plothover", function (event, pos, item) {
+          var qtip = self.qtip();
+          if(!item) {
+            qtip.cache.point = false;
+            qtip.cache.series = false;
+            return qtip.hide(event);
+          }
+          var previousPoint = qtip.cache.point;
+          if (qtip.cache.point != item.dataIndex + item.series.label) {
+            qtip.cache.point = item.dataIndex + item.series.label;
+            qtip.elements.tooltip.stop(1, 1);
+            var content = item.series.label + ": " + timeFormat(item.datapoint[1]);
+            qtip.set();
+            qtip.set('content.text', content);
+            qtip.show(pos);
+          }
+        });
+      });
+		});
+	};
+	
+	$.fn.rebuild_chart = function (selector) {
+		this.each(function () {
+      var self = $(this);
+      self.submit(function (e) {
+        $(selector).build_chart(self.attr('action') + '?' + self.serialize());
+        return false;
+      });
+    });
+  };
+  
+})(jQuery);

data/public/stylesheets/sass/admin/races.sass

@@ -1,94 +1,98 @@
-@import modules/rounded.sass
-@import modules/opacity.sass
-@import modules/grid.sass
+@import compass/css3
+@import grid.sass
 
 =standard_input
-  :width 100%
-  :padding 6px 0
-  :border 1px solid #666
-  :font-family Monaco,"Courier New",Courier,monospace
-  :font-size 95%
+  width: 100%
+  padding: 6px 0
+  border: 1px solid #666666
+  font-family: Monaco, "Courier New", Courier, monospace
+  font-size: 95%
 
 =quiet
-  :font-family helvetica, arial, sans-serif
-  :font-weight lighter
-  :font-size 85%
-  :color #ccc
-  :line-height 1.3
-  :text-shadow none
+  font-family: helvetica, arial, sans-serif
+  font-weight: lighter
+  font-size: 85%
+  color: #cccccc
+  line-height: 1.3
+  text-shadow: none
 
 =flatbottom
-  :margin-bottom 0
+  margin-bottom: 0
 
-table.index 
+=clear
+  clear: left
+
+table.index
   td.race_name
-    :font-size 115%
-    :font-weight bold
-    :vertical-align top
+    font-size: 115%
+    font-weight: bold
+    vertical-align: top
     a
-      :color black
-      :text-decoration none
-
+      color: black
+      text-decoration: none
   td.race_instances
-    :padding 8px
-    :width 75%
-    :font-size 90%
-    :vertical-align top
+    padding: 8px
+    width: 75%
+    font-size: 90%
+    vertical-align: top
     ul.instances
-      :list-style square
-      :padding-left 0
+      list-style: square
+      padding-left: 0
       li
-        :margin-bottom 6px
-        :float left
-        :margin-right 32px
+        margin-bottom: 6px
+        float: left
+        margin-right: 32px
         a
-          :font-size 115%
-          :font-weight bold
-          :text-decoration none
+          font-size: 115%
+          font-weight: bold
+          text-decoration: none
     p.new_instance
-      :clear left
+      clear: left
 
 a.remove
-  :font-weight bold
-  :color #c00
-  :text-decoration none
+  font-weight: bold
+  color: #cc0000
+  text-decoration: none
 
 span.formnote, span.info
-  :color #666
-  :font-size 85%
+  color: #666666
+  font-size: 85%
 
 #content .form-area p.body
-  :margin-top 20px
+  margin-top: 20px
 
 ul.help
-  :list-style square
-  :color #666
-  :font-size 85%
-
+  list-style: square
+  color: #666666
+  font-size: 85%
   code
-    :color #c00
-    :font-size 115%
+    color: #cc0000
+    font-size: 115%
 
 p.haserror
-  :border-left 4px solid #c00
-  :margin-left -16px
-  :padding-left 12px
-  :color #c00 !important
-
+  border-left: 4px solid #cc0000
+  margin-left: -16px
+  padding-left: 12px
+  color: #cc0000 !important
 
+#form_container
+  +grid-container
+  h2
+    font-size: 200%
+    
 #content form
   input.textbox, select.textbox, textarea
     +standard_input
-    :margin-top 0.3em
+    margin-top: 0.3em
   p.title
     +grid(8)
   p.slug
     +grid(4)
     input.textbox
-      :margin-top 4px
-      :font-family Georgia, Palatino, "Times New Roman", Times, serif
-      :font-size 200%
-      :width 99.5%
+      margin-top: 4px
+      font-family: Georgia, Palatino, "Times New Roman", Times, serif
+      font-size: 200%
+      width: 99.5%
   p.distance
     +grid(4)
   p.climb
@@ -97,13 +101,13 @@ p.haserror
     +clear
     +grid(8)
     textarea
-      :width 100%
-      :height 8em
+      width: 100%
+      height: 8em
   #attachments
     +grid(4)
     img
-      :float left
-      :margin 4px 10px 10px 0
+      float: left
+      margin: 4px 10px 10px 0
   #records, #checkpoints
     +grid(6)
     .category
@@ -120,12 +124,3 @@ p.haserror
       +flush_right
     .options
       +clear
-
-  a.toggleMCE
-    :display block
-    :width 24px
-    :height 24px
-    :padding-left 24px
-    :float right
-  
-    

data/public/stylesheets/sass/jquery.flot.sass

@@ -0,0 +1,416 @@
+/*
+ ** qTip2 - Pretty powerful tooltips
+ ** http://craigsworks.com/projects/qtip2/
+ **
+ ** Version: nightly
+ ** Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
+ **
+ ** Dual licensed under MIT or GPLv2 licenses
+ **   http://en.wikipedia.org/wiki/MIT_License
+ **   http://en.wikipedia.org/wiki/GNU_General_Public_License
+ **
+ ** Date: Sun Nov 13 11:19:27.0000000000 2011
+
+/* Core qTip styles
+
+.ui-tooltip, .qtip
+  position: absolute
+  left: -28000px
+  top: -28000px
+  display: none
+  max-width: 280px
+  min-width: 50px
+  font-size: 10.5px
+  line-height: 12px
+  z-index: 15000
+
+/* Fluid class for determining actual width in IE
+
+.ui-tooltip-fluid
+  display: block
+  visibility: hidden
+  position: static !important
+  float: left !important
+
+.ui-tooltip-content
+  position: relative
+  padding: 5px 9px
+  overflow: hidden
+  border-width: 1px
+  border-style: solid
+  text-align: left
+  word-wrap: break-word
+  overflow: hidden
+
+.ui-tooltip-titlebar
+  position: relative
+  min-height: 14px
+  padding: 5px 35px 5px 10px
+  overflow: hidden
+  border-width: 1px 1px 0
+  border-style: solid
+  font-weight: bold
+  + .ui-tooltip-content
+    border-top-width: 0px !important
+  .ui-state-default
+    position: absolute
+    right: 4px
+    top: 50%
+    margin-top: -9px
+    cursor: pointer
+    outline: medium none
+    border-width: 1px
+    border-style: solid
+
+/*! Default close button class
+
+* html .ui-tooltip-titlebar .ui-state-default
+  top: 16px
+
+/* IE fix
+
+.ui-tooltip-titlebar .ui-icon
+  display: block
+  text-indent: -1000em
+
+.ui-tooltip-icon
+  .ui-icon
+    display: block
+    text-indent: -1000em
+    -moz-border-radius: 3px
+    -webkit-border-radius: 3px
+    border-radius: 3px
+    width: 18px
+    height: 14px
+    text-align: center
+    text-indent: 0
+    font: normal bold 10px / 13px Tahoma, sans-serif
+    color: inherit
+    background: transparent none no-repeat -100em -100em
+  -moz-border-radius: 3px
+  -webkit-border-radius: 3px
+  border-radius: 3px
+
+/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with
+
+.ui-tooltip-focus, .ui-tooltip-hover
+
+/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively
+
+/*! Default tooltip style
+
+.ui-tooltip-default
+  .ui-tooltip-titlebar, .ui-tooltip-content
+    border-color: #F1D031
+    background-color: #FFFFA3
+    color: #555
+  .ui-tooltip-titlebar
+    background-color: #FFEF93
+  .ui-tooltip-icon
+    border-color: #CCC
+    background: #F1F1F1
+    color: #777
+  .ui-tooltip-titlebar .ui-state-hover
+    border-color: #AAA
+    color: #111
+
+/* Tips plugin
+
+.ui-tooltip .ui-tooltip-tip
+  margin: 0 auto
+  overflow: hidden
+  z-index: 10
+  position: absolute
+  line-height: 0.1px !important
+  font-size: 0.1px !important
+  color: #123456
+  background: transparent
+  border: 0px dashed transparent
+  *
+    position: absolute
+    line-height: 0.1px !important
+    font-size: 0.1px !important
+    color: #123456
+    background: transparent
+    border: 0px dashed transparent
+  canvas
+    top: 0
+    left: 0
+
+/*! Light tooltip style
+
+.ui-tooltip-light
+  .ui-tooltip-titlebar
+    border-color: #E2E2E2
+    color: #454545
+  .ui-tooltip-content
+    border-color: #E2E2E2
+    color: #454545
+    background-color: white
+  .ui-tooltip-titlebar
+    background-color: #f1f1f1
+
+/*! Dark tooltip style
+
+.ui-tooltip-dark
+  .ui-tooltip-titlebar
+    border-color: #303030
+    color: #f3f3f3
+  .ui-tooltip-content
+    border-color: #303030
+    color: #f3f3f3
+    background-color: #505050
+  .ui-tooltip-titlebar
+    background-color: #404040
+  .ui-tooltip-icon
+    border-color: #444
+  .ui-tooltip-titlebar .ui-state-hover
+    border-color: #303030
+
+/*! Cream tooltip style
+
+.ui-tooltip-cream
+  .ui-tooltip-titlebar
+    border-color: #F9E98E
+    color: #A27D35
+  .ui-tooltip-content
+    border-color: #F9E98E
+    color: #A27D35
+    background-color: #FBF7AA
+  .ui-tooltip-titlebar
+    background-color: #F0DE7D
+  .ui-state-default .ui-tooltip-icon
+    background-position: -82px 0
+
+/*! Red tooltip style
+
+.ui-tooltip-red
+  .ui-tooltip-titlebar
+    border-color: #D95252
+    color: #912323
+  .ui-tooltip-content
+    border-color: #D95252
+    color: #912323
+    background-color: #F78B83
+  .ui-tooltip-titlebar
+    background-color: #F06D65
+  .ui-state-default .ui-tooltip-icon
+    background-position: -102px 0
+  .ui-tooltip-icon, .ui-tooltip-titlebar .ui-state-hover
+    border-color: #D95252
+
+/*! Green tooltip style
+
+.ui-tooltip-green
+  .ui-tooltip-titlebar
+    border-color: #90D93F
+    color: #3F6219
+  .ui-tooltip-content
+    border-color: #90D93F
+    color: #3F6219
+    background-color: #CAED9E
+  .ui-tooltip-titlebar
+    background-color: #B0DE78
+  .ui-state-default .ui-tooltip-icon
+    background-position: -42px 0
+
+/*! Blue tooltip style
+
+.ui-tooltip-blue
+  .ui-tooltip-titlebar
+    border-color: #ADD9ED
+    color: #5E99BD
+  .ui-tooltip-content
+    border-color: #ADD9ED
+    color: #5E99BD
+    background-color: #E5F6FE
+  .ui-tooltip-titlebar
+    background-color: #D0E9F5
+  .ui-state-default .ui-tooltip-icon
+    background-position: -2px 0
+
+/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+
+
+.ui-tooltip-shadow
+  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15)
+  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15)
+  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15)
+  .ui-tooltip-titlebar, .ui-tooltip-content
+    filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)
+    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"
+    _margin-bottom: -3px
+    .margin-bottom: -3px
+
+/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+
+
+.ui-tooltip-rounded, .ui-tooltip-tipsy, .ui-tooltip-youtube
+  -moz-border-radius: 4px
+  -webkit-border-radius: 4px
+  border-radius: 4px
+  .ui-tooltip-content
+    -moz-border-radius: 4px
+    -webkit-border-radius: 4px
+    border-radius: 4px
+
+.ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar
+  -moz-border-radius: 5px 5px 0 0
+  -webkit-border-radius: 5px 5px 0 0
+  border-radius: 5px 5px 0 0
+
+.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content
+  -moz-border-radius: 0 0 5px 5px
+  -webkit-border-radius: 0 0 5px 5px
+  border-radius: 0 0 5px 5px
+
+.ui-tooltip-youtube
+  .ui-tooltip-titlebar
+    + .ui-tooltip-content
+      -moz-border-radius: 0 0 5px 5px
+      -webkit-border-radius: 0 0 5px 5px
+      border-radius: 0 0 5px 5px
+    _margin-bottom: 0
+    .margin-bottom: 0
+    background: transparent
+    background: rgba(0, 0, 0, 0.85)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"
+    color: white
+    border-color: #CCCCCC
+  -webkit-box-shadow: 0 0 3px #333
+  -moz-box-shadow: 0 0 3px #333
+  box-shadow: 0 0 3px #333
+  .ui-tooltip-content
+    _margin-bottom: 0
+    .margin-bottom: 0
+    background: transparent
+    background: rgba(0, 0, 0, 0.85)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"
+    color: white
+    border-color: #CCCCCC
+  .ui-tooltip-icon
+    border-color: #222
+  .ui-tooltip-titlebar .ui-state-hover
+    border-color: #303030
+
+/*! Youtube tooltip style
+
+/* jQuery TOOLS Tooltip style
+
+.ui-tooltip-jtools
+  background: #232323
+  background: rgba(0, 0, 0, 0.7)
+  background-image: -moz-linear-gradient(top, #717171, #232323)
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323))
+  border: 2px solid #ddd
+  border: 2px solid rgba(241, 241, 241, 1)
+  -moz-border-radius: 2px
+  -webkit-border-radius: 2px
+  border-radius: 2px
+  -webkit-box-shadow: 0 0 12px #333
+  -moz-box-shadow: 0 0 12px #333
+  box-shadow: 0 0 12px #333
+  .ui-tooltip-titlebar
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
+  .ui-tooltip-content
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
+  .ui-tooltip-titlebar, .ui-tooltip-content
+    background: transparent
+    color: white
+    border: 0 dashed transparent
+  .ui-tooltip-icon
+    border-color: #555
+  .ui-tooltip-titlebar .ui-state-hover
+    border-color: #333
+
+/* IE Specific
+
+/* Cluetip style
+
+.ui-tooltip-cluetip
+  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4)
+  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4)
+  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4)
+  .ui-tooltip-titlebar
+    background-color: #87876A
+    color: white
+    border: 0 dashed transparent
+  .ui-tooltip-content
+    background-color: #D9D9C2
+    color: #111
+    border: 0 dashed transparent
+  .ui-tooltip-icon
+    border-color: #808064
+  .ui-tooltip-titlebar .ui-state-hover
+    border-color: #696952
+    color: #696952
+
+/* Tipsy style
+
+.ui-tooltip-tipsy
+  border: 0
+  .ui-tooltip-titlebar, .ui-tooltip-content
+    _margin-bottom: 0
+    .margin-bottom: 0
+    background: transparent
+    background: rgba(0, 0, 0, 0.87)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"
+    color: white
+    border: 0px transparent
+    font-size: 11px
+    font-family: 'Lucida Grande', sans-serif
+    font-weight: bold
+    line-height: 16px
+    text-shadow: 0 1px black
+  .ui-tooltip-titlebar
+    padding: 6px 35px 0 10
+  .ui-tooltip-content
+    padding: 6px 10
+  .ui-tooltip-icon
+    border-color: #222
+    text-shadow: none
+  .ui-tooltip-titlebar .ui-state-hover
+    border-color: #303030
+
+/* Tipped style
+
+.ui-tooltip-tipped
+  .ui-tooltip-titlebar, .ui-tooltip-content
+    border: 3px solid #959FA9
+    filter: none
+    -ms-filter: none
+  .ui-tooltip-titlebar
+    background: #3A79B8
+    background-image: -moz-linear-gradient(top, #3a79b8, #2e629d)
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d))
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
+    color: white
+    font-weight: normal
+    font-family: serif
+    border-bottom-width: 0
+    -moz-border-radius: 3px 3px 0 0
+    -webkit-border-radius: 3px 3px 0 0
+    border-radius: 3px 3px 0 0
+  .ui-tooltip-content
+    background-color: #F9F9F9
+    color: #454545
+    -moz-border-radius: 0 0 3px 3px
+    -webkit-border-radius: 0 0 3px 3px
+    border-radius: 0 0 3px 3px
+  .ui-tooltip-icon
+    border: 2px solid #285589
+    background: #285589
+    .ui-icon
+      background-color: #FBFBFB
+      color: #555
+
+/* IE9 fix - removes all filters
+
+.ui-tooltip:not(.ie9haxors) div
+  &.ui-tooltip-content, &.ui-tooltip-titlebar
+    filter: none
+    -ms-filter: none