.button {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 6px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #1e4158 0 1px 0;
   color: #fff;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #7ea4bd 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #06426c;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
}

/*
a		<span class="button"><a href="#">TEXT</a></span>
button	<span class="button"><button type="button">TEXT</button></span>
input	<span class="button"><input type="submit" value="TEXT" /></span>
*/

/* Button Reset */
.button_n,
.button_n a,
.button_n button,
.button_n input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../image/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button_n { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button_n a,
.button_n button,
.button_n input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button_n.large { height:29px; background-position:left -30px; }
.button_n.xLarge { height:35px; background-position:left -65px; }
.button_n.small { height:18px; background-position:left -107px; }
.button_n a,
.button_n button,
.button_n input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button_n.large a,
.button_n.large button,
.button_n.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button_n.xLarge a,
.button_n.xLarge button,
.button_n.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button_n.small a,
.button_n.small button,
.button_n.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button_n *:hover,
.button_n *:active,
.button_n *:focus{ color:#690;}
.button_n.green,
.button_n.green a,
.button_n.green button,
.button_n.green input { background-image:url(../image/buttonGreen.gif); color:#fff;}
.button_n.green *:hover,
.button_n.green *:active,
.button_n.green *:focus{ color:#ff0;}
.button_n.black,
.button_n.black a,
.button_n.black button,
.button_n.black input { background-image:url(../image/buttonBlack.gif); color:#fff;}
.button_n.black *:hover,
.button_n.black *:active,
.button_n.black *:focus{ color:#ff0;}
.button_n.red,
.button_n.red a,
.button_n.red button,
.button_n.red input { background-image:url(../image/buttonRed.gif); color:#fff;}
.button_n.red *:hover,
.button_n.red *:active,
.button_n.red *:focus{ color:#ff0;}
.button_n.blue,
.button_n.blue a,
.button_n.blue button,
.button_n.blue input { background-image:url(../image/buttonBlue.gif); color:#fff;}
.button_n.blue *:hover,
.button_n.blue *:active,
.button_n.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button_n.strong * { font-weight:bold !important;}