/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */
.fo_button{
     background-image:url(/images/tick-icon.png);
     background-repeat:no-repeat;
     display:block;
     float:left;
     margin: 0.7em 0.5em 0.7em 0;
     padding:5px 10px 5px 20px;   /* Links */
     border:1px solid #dedede;
     border-top:1px solid #eee;
     border-left:1px solid #eee;
     background-color:#f5f5f5;
     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
     font-size:100%;
     line-height:130%;
     text-decoration:none;
     font-weight:bold;
     color:#565656;
     cursor:pointer;
}
a.button, button,.button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #e1e1e1;
  border-top:1px solid #e1e1e1;
  border-left:1px solid #e1e1e1;
  
  
  
  background-color:#efefef;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#636363;
  cursor:pointer;
}
a.button {
    padding:4px 11.2px 4px 11.2px;
    line-height:130%;
}

button ,.button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type],.button {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type],.button {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover, .button:hover{
  background-color:#e6e6e6;
  border:1px solid #ccc;
  color:#033e6b;
}
a.button:active,.button:active{
  background-color:#efefef;
  
  color:#fff;
   outline:none;
}

/* Positive */
body .positive {
  color:#636363;
}
a.positive:hover, button.positive:hover {
  background-color:#e6e6e6;
  border:1px solid #ccc;
  color:#033e6b;
}
a.positive:active {
  background-color:#e6e6e6;
  border:1px solid #e6e6e6;
  color:#033e6b;
  outline:none;
}

/* Negative */
body .negative {
  color:#636363;
}
a.negative:hover, button.negative:hover {
  background-color:#e6e6e6;
  border:1px solid #ccc;
  color:#033e6b;
}
a.negative:active {
  background-color:#e6e6e6;
  border:1px solid #ccc;
  color:#fff;
   outline:none;
}