.btnhover {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	position: relative;
}
.btnhover:hover {
    top:2px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius:3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	position: relative;
    border-width:1px 1px 4px 1px;
	text-decoration:none;
    font-family:'Kanit', Tahoma, Geneva, sans-serif;
	font-weight:300;
}
.btn:hover {
    top:2px;
}
.btn-red {
    color: #ffffff;
    background-color: #F12C30;
    border-color: #ba2c1a;
}
.btn-green {
    color: #ffffff;
    background-color: #8cc601;
    border-color: #79aa02;
}
.btn-blue {
    color: #ffffff;
    border-color: #1a5f9b;
	background-color: #297bc1;
}
.btn-white {
    color: #333;
	background-color: #FCFCFC;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#FCFCFC));
	background:-moz-linear-gradient(top,#fff, #FCFCFC);
	border-color: #e2e2e2;
}
.btn-bg {
    color:#f6e9bd;
    background:-webkit-gradient(linear,left top,left bottom,from(#222),to( #000));
	background:-moz-linear-gradient(top,#222, #000);
	background-color: #222;
    border-color:rgba(246, 233, 189, .5);
}

.uibutton {
	position: relative; 
    overflow: visible; 
    display: inline-block; 
	outline: none;
	cursor: pointer;
	padding:4px 20px 4px 20px;
	text-decoration:none;
	font:normal 13px Tahoma;
	letter-spacing:1px;
	transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	text-decoration:none;
	}
	
.uibutton.icon:before {
    content: "";
    position: relative; 
    top: 3px;
	left: 2px; 
    float:left;
    width: 10px; 
    height: 12px; 
    margin: 0 0.5em 0 0; 
    background: url(../images/fb-icons.png) 99px 99px no-repeat;
}

.uibutton.edit:before  { background-position: 0 0; }
.uibutton.add:before  { background-position: -10px 0; }
.uibutton.secure:before  { background-position: -20px 0; }
.uibutton.prev:before  { background-position: -30px 0; }
.uibutton.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }

.uibutton.red {
	color: #fff;
	border:solid 1px #ba2c1a;
	background-color: #da432f;
}
.uibutton.red:active {
	background-color: #ba2c1a;
	border:solid 1px #ba2c1a;
}
.uibutton.green {
	color: #fff;
	border:solid 1px #669415;
	background-color: #79B42B;
}
.uibutton.green:active {
	background-color: #669415;
	border:solid 1px #669415;
}
.uibutton.blue {
	color: #fff;
	border:solid 1px #1a5f9b;
	background-color: #297bc1;
}
.uibutton.blue:active {
	background-color: #1a5f9b;
	border:solid 1px #1a5f9b;
}
.uibutton.gray {
	color: #fff;
	border:solid 1px #363c43;
	background-color: #58626e;
}
.uibutton.gray:active {
	background-color: #363c43;
	border:solid 1px #363c43;
}