@charset "utf-8";

/* button 
---------------------------------------------- */
.xet_btn {
	display: inline-block;
	zoom: 1; *display: inline;  /* zoom and *display = ie7 hack for display:inline-block */
	outline: none;
	cursor:pointer;
	vertical-align:top;
	white-space:nowrap;
	text-align: center;
	text-decoration:none !important;
	border: 0;
	-webkit-appearance: none;
	transition: all 0.3s ease-out;
}
.xet_btn.big {
	line-height:48px;
	font-size: 18px;	
	padding:0 40px; 
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}
.xet_btn.large {
	height: 42px;
	line-height: 42px;
	font-size: 16px;	
	padding:0 20px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.xet_btn.medium {
	height: 38px;
	line-height:38px;
	font-size: 14px;	
	padding:0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.xet_btn.small {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding:0 10px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* color styles 
---------------------------------------------- */
.xet_btn.submit {
	color: #fff;
	background: #101010;
}

/* light */
.xet_btn.light {
	color: #606060;
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
}

/* gray */
.xet_btn.gray {
	color: #fff;
	background: #6a6a6a;
}

/* dark */
.xet_btn.dark {
	color: #fff;
	background: #3b3b3b;
}


@media (min-width: 992px) {	
	.xet_btn.submit:active,
	.xet_btn.submit:hover {
		color:#fff;
		background: #333333;
	}
	.xet_btn.light:active,
	.xet_btn.light:hover {
		background: #e9e9e9;
	}
	.xet_btn.gray:active,
	.xet_btn.gray:hover {
		background: #8b8b8b;
	}
	.xet_btn.dark:active,
	.xet_btn.dark:hover {
		background: #2b2b2b;
	}
}