.divButton {
    list-style: none;
    background-color:#fff;
    width:auto;
    height:auto;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
    moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
    
  background-image:-webkit-linear-gradient(#F8F8F8, #F5F5F5 40%, #F0F0F0);
  background-image:-moz-linear-gradient(#F8F8F8, #F5F5F5 40%, #F0F0F0);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #F8F8F8 0%, #F5F5F5 40%, #F0F0F0 100%);

  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F8F8F8,endColorstr=#F0F0F0);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F8F8F8,endColorstr=#F0F0F0);
  zoom: 1;
  
  /*border: 1px solid #d8d8d8;*/
  border: 1px solid #d8d8d8;
  color: #555;
  font-size: inherit;
  margin: 0;
  margin-top:0px;
  margin-left:6px;
  margin-right:6px;
  /*overflow: hidden;*/
  /*padding:6px;*/
  padding:7px 7px;
  white-space: nowrap;
  cursor:pointer;
}

.divButton:hover
{
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
    moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
}


.redButton
{
     
    background-image:-webkit-linear-gradient(#C06060, #B05050 40%, #B03030)  !important;
    background-image:-moz-linear-gradient(#C06060, #B05050 40%, #B03030)  !important;
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #C06060 0%, #B05050 40%, #B03030 100%) !important;

    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C06060,endColorstr=#B03030)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C06060,endColorstr=#B03030)  !important;
  
    /*border: 1px solid #d8d8d8;*/
    border: 1px solid #B03030 !important;
    color: #FFF !important;
    
    margin-right:15px  !important;
}

.redButton:hover
{
    /*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    */
    
    
    
    /*background-image:-webkit-linear-gradient(#C06060, #B05a5a 40%, #A02020)  !important;
    background-image:-moz-linear-gradient(#C06060, #B05a5a 40%, #A02020)  !important;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C06060,endColorstr=#A02020)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C06060,endColorstr=#A02020)  !important;*/
  
    border: 1px solid #800000  !important;
}

.redButton:active
{
    background:#B03030  !important;
}

/* .grayButton */

  .blueButton
  {
     
    background-image:-webkit-linear-gradient(#4D90FE, #4A8DEF 40%, #4787ED)  !important;
    background-image:-moz-linear-gradient(#4D90FE, #4A8DEF 40%, #4787ED)  !important;
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #4D90FE 0%, #4A8DEF 40%, #4787ED 100%);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D90FE,endColorstr=#4787ED)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D90FE,endColorstr=#4787ED)  !important;
  
    /*border: 1px solid #d8d8d8;*/
    border: 1px solid #4787ED !important;
    color: #FFF !important;
    
    margin-right:30px  !important;
}

.blueButton:hover
{
    /*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    */
    
    background-image:-webkit-linear-gradient(#4D90FE, #4A8DEF 40%, #4787ED)  !important;
    background-image:-moz-linear-gradient(#4D90FE, #4A8DEF 40%, #4787ED)  !important;
     /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #4D90FE 0%, #4A8DEF 40%, #4787ED 100%) !important;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D90FE,endColorstr=#4787ED)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D90FE,endColorstr=#4787ED)  !important;
  
    border: 1px solid #3777DD  !important;
}

.blueButton:active
{
    background:#4787ED  !important;
}

.greenButton
  {
     
    background-image:-webkit-linear-gradient(#20D030, #10B020 50%, #00A010)  !important;
    background-image:-moz-linear-gradient(#20D030, #10B020 50%, #00A010)  !important;
    /*background-image:-moz-linear-gradient(#30D050, #10C040 50%, #00B030)  !important;*/
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #20D030 0%, #10B020 50%, #00A010 100%) !important;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
  
    border: 1px solid #00A010  !important;
    color: #FFF !important;
    
    margin-right:10px !important;
    cursor:pointer;
}

.greenButton:hover
  {
     
    background-image:-webkit-linear-gradient(#20D030, #10B020 50%, #00A010)  !important;
    background-image:-moz-linear-gradient(#20D030, #10B020 40%, #00A010)  !important;
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #20D030 0%, #10B020 50%, #00A010 100%) !important;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
  
    border: 1px solid #008000  !important;
    color: #FFF !important;
}

.greenButton:active
{
    background:#00A010  !important;
}

.greenButton:disabled
{
    background:#888  !important;
    border: 1px solid #777 !important;

    cursor:default !important;

    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.darkBlueButton
  {
     
    background-image:-webkit-linear-gradient(#bad5e0, #aac5d0 50%, #aac5d0)  !important;
    background-image:-moz-linear-gradient(#bad5e0, #aac5d0 50%, #aac5d0)  !important;
    /*background-image:-moz-linear-gradient(#30D050, #10C040 50%, #00B030)  !important;*/
    /* W3C Markup, IE10 Release Preview */
    /*background-image: linear-gradient(to bottom, #aac5d0 0%, #8aa5c0 50%, #8aa5c0 100%) !important;*/
    background-image: linear-gradient(to bottom, #5D90dE 0%, #5A8DcF 40%, #5A87cD 100%);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
  
    border: 1px solid #aac5d0  !important;
    color: #FFF !important;
    
    margin-right:10px !important;
    cursor:pointer;
}

.darkBlueButton:hover
  {
     
    background-image:-webkit-linear-gradient(#20D030, #10B020 50%, #00A010)  !important;
    background-image:-moz-linear-gradient(#20D030, #10B020 40%, #00A010)  !important;
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #20D030 0%, #10B020 50%, #00A010 100%) !important;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30D050,endColorstr=#00B030)  !important;
  
    border: 1px solid #008000  !important;
    color: #FFF !important;
}

.darkBlueButton:active
{
    background:#00A010  !important;
}

.darkBlueButton:disabled
{
    background:#888  !important;
    border: 1px solid #777 !important;

    cursor:default !important;

    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.recycleButton
  {
     
    background: url(Images/recycle.png) !important;
    background-image: url(Images/recycle.png) !important;
    background-size:22px 22px  !important;
    background-repeat:no-repeat  !important;
    background-position:center !important;
    
    display:block !important;
    
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    
    
    border: 1px solid #e8e8e8  !important;
    color: #FFF !important;
    
    
    margin-left:4px  !important;
    margin-right:4px  !important;
    cursor:pointer;
    
    width:32px !important;
    height:32px !important;
}

.recycleButton:hover
{
    border: 1px solid #e3e3e3  !important;
    
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)  !important;
    moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)  !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)  !important;
}

.recycleButton:active
{
    background-position:5px 5px !important;
}

.noShadowButton
{
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.noShadowButton:hover
{
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
    moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
}