/*
Use of this source code is governed by an Apache 2.0 License.
See the COPYING file for details.
*/

/* Copyright 2007 Google Inc.  All Rights Reserved. */
/**/

/* Common styles used by the UI Component demos */


body {
  font: normal 10pt Arial, sans-serif;
}


/* Cross-browser implementation of the "display: inline-block" CSS property. */
/* See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details. */
/* Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9. */
/**/

/* Gecko hack; Pre-FF3 Gecko uses -moz-inline-box instead of inline-block. */
html>body .goog-inline-block {
  display: -moz-inline-box; /* This is ignored by FF3 and later*/
  display: inline-block; /* This is ignored by pre-FF3 Gecko */
}

/* Default rule; only Safari, Webkit, and Opera handle it without hacks. */
.goog-inline-block {
  position: relative;
  display: inline-block;
}

/* Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior.  Subsequently setting display */
/* to inline does the trick. */
* html .goog-inline-block {
  display: inline;
}

/* IE7-only hack.  On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior.  Subsequently setting display */
/* to inline does the trick. */
*:first-child+html .goog-inline-block {
  display: inline;
}
