/*--------------------------------------------------------------------------------------------------

   Simply Buttons, version 1.0
   (c) 2007-2009 Kevin Miller

   This script is freely distributable under the terms of an MIT-style license.

   BUTTON DEFINITIONS

   Edit below at your own risk, everything done here is for a reason for cross browser
   compatibility so that the buttons will appear identical in the tested browsers.

   Tested on: IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC)

--------------------------------------------------------------------------------------------------*/

button,
a.button,
a.button:link,
a.button:visited
{
    border: none;
    display: block;
    float: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    overflow: visible;
    height: 26px;
    font: normal 12px "Helvetica Neue", Helvetica, clean, sans-serif;
    color: #666666;
    background: none;
}

button
{
    margin-top: -2px;
}

.buttons
{
    margin-top: 10px;
    margin-left: 105px;
}

button span,
a.button span,
a.button:link span,
a.button:visited span
{
    display: block;
    padding: 0 14px 0 0;
    height: 24px;
    background: url(/buttons/right-default.png) right top no-repeat;
    font-weight: normal;
}


button.button_active,
a.button_active
{
}


button span span,
a.button span span,
a.button:link span span,
a.button:visited span span
{
    display: block;
    padding: 0 0 0 13px;
    height: 24px;
    line-height: 24px;
    background: url(/buttons/left-default.png) left top no-repeat;
}

button:hover,
a.button:hover
{
    color: #000000;
}

/***************************
**  Button types/variants **
***************************/

button:active span,
a:active:active span,
button.button_active span,
a.button_active:active span
{

  background-position: bottom right;
}

button:active span span,
a:active:active span span,
button.button_active span span,
a.button_active:active span span
{

  background-position: bottom left;
}



/** Submit/Save button **/

button.save span span,
a.save span span,
a.save:link span span,
a.save:visited span span
{
  padding-left: 30px;
  background-image: url(/buttons/left-save.png);
}

/** Cancel button **/

button.cancel span span,
a.cancel span span,
a.cancel:link span span,
a.cancel:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-cancel.png);
}

/** add button **/

button.add span span,
a.add span span,
a.add:link span span,
a.add:visited span span
{
  padding-left: 30px;
  background-image: url(/buttons/left-add.png);
}

/** Delete button **/

button.delete span span,
a.delete span span,
a.delete:link span span,
a.delete:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-delete.png);
}

/** Proceed button **/

button.proceed span span,
a.proceed span span,
a.proceed:link span span,
a.proceed:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-proceed.png);
}

/** Email button **/

button.email span span,
a.email span span,
a.email:link span span,
a.email:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-email.png);
}

/** SMS button **/

button.sms span span,
a.sms span span,
a.sms:link span span,
a.sms:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-sms.png);
}

/** Edit button **/

button.edit span span,
a.edit span span,
a.edit:link span span,
a.edit:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-edit.png);
}

/** Search button **/

button.search span span,
a.search span span,
a.search:link span span,
a.search:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-search.png);
}

/** Print button **/

button.print span span,
a.print span span,
a.print:link span span,
a.print:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-print.png);
}

/** Create button **/

button.create span span,
a.create span span,
a.create:link span span,
a.create:visited span span
{
    padding-left: 30px;
    background-image: url(/buttons/left-create.png);
}