/**
 * buttons.css
 */
button.btn {
   border: none;
   background: none;
   margin: 0px;
   padding: 3px;
   display: inline-block;
   overflow: visible;
   font: 100%/1.2 Arial,Sans-serif;
   cursor: pointer;
   text-decoration: none;
}

/* IE fix */
* html button.btn {
   padding-bottom:1px;
}

/* FF fix */
html:not([lang*=""]) button.btn {
   margin:0 -3px;
}

button.btn span {
   margin: 0px;
   padding: 3px 0px;
   border: none;
   border-left: 1px solid #BBBBBB;
   border-right: 1px solid #AAAAAA;
   background: #DDDDDD url('/images/interface/button.gif') repeat-x 0 0;
}

button.btn span span {
   margin: 0px;
   padding: 3px 7px;
   border: none;
   border-top: 1px solid #BBBBBB;
   border-bottom: 1px solid #AAAAAA;
   position: relative;
   line-height: 1.2;
   color: #333333;
   z-index: 5;
}

button.btn[disabled] span span {
   color: #BBBBBB;
}

/******** Primary Buttons ********/
button.pri {
   font-weight: bold;
   color: #000000;
}

/******** Icon-ed Buttons ********/
button.ico span span {
   padding-left: 21px;
   /* IE hack */
   _background-position: 0px 5px !important;
}

button.add span span {
   background: url('/images/interface/btn_ico/add.gif') no-repeat center left;
}

button.disk span span {
   background: url('/images/interface/btn_ico/disk.gif') no-repeat center left;
}

button.browse span span {
   background: url('/images/interface/btn_ico/folder_explore.gif') no-repeat center left;
}

button.table_refresh span span {
   background: url('/images/interface/btn_ico/table_refresh.gif') no-repeat center left;
}

button.stop span span {
   background: url('/images/interface/btn_ico/stop.gif') no-repeat center left;
}

button.delete span span {
   background: url('/images/interface/btn_ico/cross.gif') no-repeat center left;
}

button.edit span span {
   background: url('/images/interface/btn_ico/pencil.gif') no-repeat center left;
}

button.stop_edit span span {
   background: url('/images/interface/btn_ico/pencil_stop.gif') no-repeat center left;
}

button.print span span {
   background: url('/images/interface/btn_ico/printer.gif') no-repeat center left;
}

button.arrow_left span span {
   background: url('/images/interface/btn_ico/arrow_left.gif') no-repeat center left;
}

button.user span span {
   background: url('/images/interface/btn_ico/user.gif') no-repeat center left;
}

button.money span span {
   background: url('/images/interface/btn_ico/money.gif') no-repeat center left;
}

button.tick span span {
   background: url('/images/interface/btn_ico/tick.gif') no-repeat center left;
}

button.medal span span {
   background: url('/images/interface/btn_ico/award_star_gold_3.gif') no-repeat center left;
}

/******** Hover Effect ********/
button.btn:hover span,
button.btn:focus span {
   border-color: #99CCFF !important;
   color: #000000;
   background-position: 0 -100px;
}

button.ico:hover span span,
button.ico:focus span span {
   background-position: center left;
   _background-position: 0px 5px;
}

button.btn:active span {
   background-position: 0 -400px;
}

button.btn:active {
   outline: none !important;
}