/*
.awesome, .awesome:visited {
  background: #222 url(/assets/alert-overlay.png) repeat-x; 
  display: inline-block; 
  padding: 5px 10px 6px; 
  color: #fff; 
  text-decoration: none;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
}

  .awesome:hover              { background-color: #111; color: #fff; }
  .awesome:active             { top: 1px; }
  .small.awesome, .small.awesome:visited      { font-size: 11px; padding: ; }
  .awesome, .awesome:visited,
  .medium.awesome, .medium.awesome:visited    { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
  .large.awesome, .large.awesome:visited      { font-size: 14px; padding: 8px 14px 9px; }
  
  .green.awesome, .green.awesome:visited    { background-color: #91bd09; }
  .green.awesome:hover            { background-color: #749a02; }
  .blue.awesome, .blue.awesome:visited    { background-color: #2daebf; }
  .blue.awesome:hover             { background-color: #007d9a; }
  .red.awesome, .red.awesome:visited      { background-color: #e33100; }
  .red.awesome:hover              { background-color: #872300; }
  .magenta.awesome, .magenta.awesome:visited    { background-color: #a9014b; }
  .magenta.awesome:hover              { background-color: #630030; }
  .orange.awesome, .orange.awesome:visited    { background-color: #ff5c00; }
  .orange.awesome:hover             { background-color: #d45500; }
  .yellow.awesome, .yellow.awesome:visited    { background-color: #ffb515; }
  .yellow.awesome:hover             { background-color: #fc9200; }
  */


/* set an awesome color for the buttons, feel free to add new colors like an .awesome.green or .awesome.secondary */
.awesome {
  background: #222 url(/assets/alert-overlay.png) repeat-x !important;
  color: #fff !important;
}

.green.awesome, .green.awesome:visited    { background-color: #077910 !important; }
.green.awesome:hover            { background-color: #04530B !important; }
.blue.awesome, .blue.awesome:visited    { background-color: #1E55BF !important; }
.blue.awesome:hover             { background-color: #16439B !important; }
.red.awesome, .red.awesome:visited      { background-color: #e33100 !important; }
.red.awesome:hover              { background-color: #872300 !important; }
.magenta.awesome, .magenta.awesome:visited    { background-color: #a9014b !important; }
.magenta.awesome:hover              { background-color: #630030 !important; }
.orange.awesome, .orange.awesome:visited    { background-color: #ff5c00 !important; }
.orange.awesome:hover             { background-color: #d45500 !important; }
.yellow.awesome, .yellow.awesome:visited    { background-color: #ffb515 !important; }
.yellow.awesome:hover             { background-color: #fc9200 !important; }

/* the awesome size gets set here. Feel Free to add new sizes, like .awesome.small or .small.large   */
.awesome        { padding: 5px 10px 6px !important; font-size: 12px !important; }
.awesome:active { padding: 6px 10px 5px !important; }

.awesome.small, .awesome.small:visited { font-size: 11px !important; padding: 4px 7px 5px !important; }
.awesome.small:active { padding: 5px 7px 4px !important; }

.awesome.large, .awesome.large:visited { padding: 10px 20px 11px !important; font-size: 18px !important; }
.awesome.large:active { padding: 11px 20px 10px !important; }

/* Touch the rest at your onw risk. */
.awesome { 
  border: 0 !important; 
  cursor: pointer !important; 
  font-style: normal !important; 
  font: inherit !important;
  font-weight: bold !important; 
  line-height: 1 !important; 
  position: relative !important; 
  text-align: center !important;
  text-decoration: none !important; 
  
  /* vertical margin is the oposite of button's awesomeness */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  /* not all browser support these, but who cares? */
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important; 
  border-radius: 5px !important; 
  -moz-border-radius: 5px !important; 
  -webkit-border-radius: 5px !important; 
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  
  /* one image for all states 
     see http://www.alistapart.com/articles/sprites */
  /*background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(150,150,150,.2), rgba(0,0,0,.0)) !important;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)), color-stop(0.5, rgba(150,150,150,.2)), to(rgba(0,0,0,.0))) !important;
  */
  /* cross browser inline block hack 
     see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle !important;
  *display: inline !important;
  position: relative;
  
  /* IE luv */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#10000000) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2);
  
  /*disable text selection (Firefox only)*/
  -moz-user-select: none;
}
/* hide selection background color */
.awesome::selection {
  background: transparent;
}

.awesome {
  outline: 0; /*remove dotted line, works for links only*/
}
.awesome::-moz-focus-inner {
  border: none; /* remove dotted lines for buttons */
}
.awesome:focus,
.awesome:hover {
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff,endColorstr=#20000000) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2);
}