@namespace url(http://www.w3.org/1999/xhtml);
/*
  Gmail: color the Compose mail button
  
  using the Planets theme bg color (#030a17) as the default
  button color code examples are:
    red, orange, gold, green, blue, and magenta
  use one of the examples or pick your own color:

  h: hue (0=red, 30=orange, 60=yellow, 120=green, 210=cyan/blue 240=blue, 270=purple, 300=magenta)
  s: saturation (100% is full, 0% is grey, 50% looks "muted")
  l: lightness (100% is white, 0% is black, 50% is "normal" [hue])
  a: alpha (transparency: 0 is transparent, 1 is opaque)

  example:  blue ==> hsl(210,100%,50%) 
*/
@-moz-document domain("mail.google.com") {
/* normal */
.nM .z0 .J-Zh-I, /*Apr2011*/
.n3 .z0 .J-Zh-I { 
  color: white !important; /* text: black or white */
/*[option] text shadow: makes white text more readable on a light background [!]*[off]/
  text-shadow: #000 0.1em 0.1em 0.2em !important; /*22Aug2010*/
  background:  /* pick one: */
/*red*/  #f00     /*default*/
/*ora* /  #f80     /**/
/*gol* /  gold     /**/
/*gre* /  #080     /**/
/*blu* /  #08f     /**/
/*mag* /  #f0f     /**/
/* or, your pick: * /  hsl(0,100%,50%)    /**/
   /* adjust the alpha [transparency] as desired/needed: */
   -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.4)) 
    !important; 
/* hide the border */
  border: none !important; 
  margin: 1px !important;
}
/* hover (displays border) */
.nM .z0 .J-Zh-I:hover, /*Apr2011*/
.n3 .z0 .J-Zh-I:hover {
  border: 1px solid  /* pick one: */
/*red*/  #800    /* default (about 50% saturation/luminance if using a dark theme) */
/*ora* /  #840    /**/
/*gol* /  #860    /**/
/*gre* /  #040    /**/
/*blu* /  #048    /**/
/*mag* /  #808    /**/
/* or, your pick: * /  hsl(0,100%,25%)    /**/
    !important; 
  margin: 0 !important;
}
/* click (hides border, outline) */
.nM .z0 .J-Zh-I:focus, /*Apr2011*/
.n3 .z0 .J-Zh-I:focus { 
  border: none !important;
  margin: 1px !important;
  outline: none !important;
}

/* option to match Select links (style #35570) on hover, too */
/* either (1) without a gradient  *[off]/
.A1.D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK.AX > .J-N:hover,
.AY.D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK.AX > .J-N:hover {
  background-color: hsl(0,100%,50%) !important;
  color: White !important;
} /**/
/* or (2) with a gradient *[off]/
.A1.D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK.AX > .J-N:hover,
.AY.D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK.AX > .J-N:hover {
  background: hsl(0,100%,50%)
    -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.4)) !important;
  color: White !important;
} /**/

/*e*/}