body {
    color: #333; background: #d3c8ba;
      zbackground-color: #d3c8ba;
      zbackground-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(rgba(180,180,240, 0.8)), to(rgba(230,230,230, 0.9)));
      zbackground-image: -moz-linear-gradient(rgba(30, 100, 150, 0.8) 0%, rgba(222, 252, 222, 0.9) 70%);
      zbackground-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(211, 200, 186, 0.8)), to(rgba(158, 147, 135, 0.9)));
      zbackground-image: -moz-linear-gradient(rgba(211, 200, 186, 0.8) 0%, rgba(148, 137, 125, 0.9) 50%);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 400, from(rgb(40,140,240)), to(rgb(0,45,90)));
      background-image: -moz-linear-gradient(rgb(40,180,240) 0%, rgb(0,45,90) 400);
    zbackground: url(/images/bg/bg-line0-background-beige.1x5000.gif) fixed top left repeat-x;
    font-family : Arial,Helvetica,sans-serif;
    margin : 0em;
    margin-top : 0.7em;
    margin-bottom : 1em;
    line-height : 1.5;
   }

.boxx {
    box-shadow: 0px 10px 30px #333;
    -moz-box-shadow: 0px 10px 30px #333;
    -webkit-box-shadow: 0px 10px 30px #333;
}

td,th {
    font-size : 90%;
    line-height : 1.4;
}

h1,h2,h3 {
    margin-top:0;
    padding-top:0;
    margin-bottom:0;
    padding-bottom:0;
    #text-shadow: 3px 3px 5px #999;
}

A:link {
    color:#c00;
    text-decoration:underline;
  }


A:visited {
    color:#666;
    text-decoration:underline;
  }


A:hover {
    color:#f00;
    text-decoration:underline;
  }

.line0 {
    color: white;
    background: red;
  }

.line1bg {
    color: #333;
    background: #fff;
    background-image: url("/images/bg/bg-line1-silver.1x5000.gif");
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
.line1, .line1:visited, .line1:link {
    color: #333;
    text-decoration: none;
  }
.line1high,.line1high:link,.line1high:visited, .line1:hover {
    color: #c00;
    text-decoration: none;
  }


.line2bg {
    color: #000 ;
    background: #eee;
    background-image: url("/images/bg/bg-line2-gold.1x500.gif");
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cb9;
    border-left: 1px solid #cb9;
    border-right: 1px solid #cb9;
  }

.line2, .line2:visited, .line2:link {
    zfont-weight : bold;
    color: #333;
    text-decoration: none;
  }
.line2high,.line2high:link,.line2high:visited {
    zfont-weight : bold;
    color: #c00;
    text-decoration: none;
  }
.line2:hover {
    color: #c00;
    text-decoration: none;
  }
.line2img {
    color: #333 ;
    background: #fff;
  }


.line3bg {
    color: #000 ;
    background: #eee;
  }

.line3, .line3:link {
    color: #000;
    text-decoration: none;
  }
.line3:visited {
    color: #333;
    text-decoration: none;
  }
.line3:hover {
    color: #c00;
    text-decoration: none;
  }
.line3high,.line3high:link,.line3high:visited {
    color: #c00;
    text-decoration: none;
  }



.line4bg {
    color: #000;
    background: #fff;
    border-right: 1cpx solid #edc;
    zborder-right: 1px solid #ccc;
    zbackground-image: url("/images/bg/bg-fff-ccc.5x3000.gif");
  }


.line4 {
    color: #fff;
  }


.line4:link {
    color: #333;
    text-decoration: none;
  }


.line4:visited {
    color: #333;
    text-decoration: none;
  }


.line4:hover {
    color: #c00;
    text-decoration: none;
  }


.line4high,.line4high:link,.line4high:visited {
    color: #c00;
    zfont-weight: bold;
    zbackground: #ccc;
    text-decoration: none;
  }

.line5bg       {color: #000; background: #fff; text-decoration: none;}
.line5         {color: #000; background: #fff; text-decoration: none;}
.line5:link    {color: #333; text-decoration: none; }
.line5:visited {color: #666; text-decoration: none; }
.line5:hover   {color: #c00; text-decoration: none; }


.line5round {
    color: #000;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }



p.dotted {
    border-style: dotted;
  }


p.dashed {
    border-style: dashed;
  }


p.solid {
    border-style: solid;
  }


p.double {
    border-style: double;
  }


p.groove {
    border-style: groove;
  }


p.ridge {
    border-style: ridge;
  }


p.inset {
    border-style: inset;
  }


p.outset {
    border-style: outset;
  }

.boxshadow {
    -moz-border-radius: 1em 1em;
    -moz-box-shadow: 4px 4px 10px #999 inset;
    border-radius: 1em 1em;
    border:1px inset #000;
  }


    .button{
      width: 120px;
      height: 24px;
      padding: 5px 16px 3px;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
      border: 2px solid #ccc;
      margin: 1em 0 2em;
      position: relative;
      
      /* Label */
      font-family: Lucida Sans, Helvetica, Verdana, sans-serif;
      font-weight: 600;
      color: #fff;
      text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      text-overflow: ellipsis; 
      overflow: hidden;
    }
    
    .button:hover {
      text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    }
  
    .button .glare {
      position: absolute;
      top: 0;
      left: 5px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      height: 1px;
      width: 142px;
      padding: 8px 0;
      background-color: rgba(255, 255, 255, 0.25);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
      background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
    }
    
    .aqua{
      background-color: rgba(60, 132, 198, 0.8);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
      background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
      border-top-color: #8ba2c1;
      border-right-color: #5890bf;
      border-bottom-color: #4f93ca;
      border-left-color: #768fa5; 
      
      -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
      -moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px; /* FF 3.5+ */
    }
    
    .orange{
      background-color: #ee5526;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 85%, from(rgba(246, 132, 36, 0.8)), to(rgba(239, 97, 49, 0.9)));   
      background-image: -moz-linear-gradient(rgba(246, 132, 36, 0.8) 0%, rgba(239, 97, 49, 0.9) 85%); 
      border-top-color: #f7a250;
      border-right-color: #f7a050;
      border-bottom-color: #ef925e;
      border-left-color: #f6a460; 
      -webkit-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px;
      -moz-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px;
    }
 
    <!-- update -->
    input[type=button] {
      appearance: push-button; /* expected from UA defaults */
    }
    
    input[type=button].new-aqua {
      width: 155px;
      height: 35px;
      
      background: #cde; 
      border: 2px solid #ccc; 
      border-color: #8ba2c1 #5890bf #4f93ca #768fa5; 
      font: 600 16px/1 Lucida Sans, Verdana, sans-serif; 
      color: #fff; 
      text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
      text-align: center; 
      vertical-align: middle; 
      white-space: nowrap; 
      text-overflow: ellipsis; 
      overflow: hidden;
      border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
      box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
      -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
      -webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf , inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    }
    .mozaqua:hover {text-shadow: rgb(255, 255, 255) 0px 0px 5px;}