/*
 * @freebie: noisy-buttons
 * @author: Francisco Neves
 */

.noisy
{
	font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;

	width: 150px;
	padding: 12px 30px;
	text-align: center;
	

	color: #FFF;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	border: 1px solid #FFF;
	cursor: pointer;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
}

.noisy.green
{
	border-color: #208240;
	background: url('../images/noise.png') no-repeat left center, #79d096; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #79d096 0%, #40a751 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d096), color-stop(100%,#40a751)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #79d096 0%,#40a751 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #79d096 0%,#40a751 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #79d096 0%,#40a751 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #79d096 0%,#40a751 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d096', endColorstr='#40a751',GradientType=0 ); /* IE6-9 */
}

.noisy.green:hover
{
	background: url('../images/noise.png') no-repeat left center, #79d096; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #79d096 0%, #2d8e39 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d096), color-stop(100%,#2d8e39)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #79d096 0%,#2d8e39 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #79d096 0%,#2d8e39 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #79d096 0%,#2d8e39 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #79d096 0%,#2d8e39 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d096', endColorstr='#2d8e39',GradientType=0 ); /* IE6-9 */
}

.noisy.green:active
{
	background: url('../images/noise.png') no-repeat left center, #2d8e39; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #2d8e39 0%, #79d096 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8e39), color-stop(100%,#79d096)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #2d8e39 0%,#79d096 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #2d8e39 0%,#79d096 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #2d8e39 0%,#79d096 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #2d8e39 0%,#79d096 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8e39', endColorstr='#79d096',GradientType=0 ); /* IE6-9 */
}

.noisy.red
{
	border-color: #943c3c;
	background: url('../images/noise.png') no-repeat left center, #d07979; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #d07979 0%, #aa4747 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d07979), color-stop(100%,#aa4747)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #d07979 0%,#aa4747 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #d07979 0%,#aa4747 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #d07979 0%,#aa4747 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #d07979 0%,#aa4747 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d07979', endColorstr='#aa4747',GradientType=0 ); /* IE6-9 */
}

.noisy.red:hover
{
	background: url('../images/noise.png') no-repeat left center, #d07979; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #d07979 0%, #8e2d2d 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d07979), color-stop(100%,#8e2d2d)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #d07979 0%,#8e2d2d 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #d07979 0%,#8e2d2d 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #d07979 0%,#8e2d2d 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #d07979 0%,#8e2d2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d07979', endColorstr='#8e2d2d',GradientType=0 ); /* IE6-9 */
}

.noisy.red:active
{
	background: url('../images/noise.png') no-repeat left center, #8e2d2d; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #8e2d2d 0%, #d07979 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e2d2d), color-stop(100%,#d07979)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #8e2d2d 0%,#d07979 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #8e2d2d 0%,#d07979 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #8e2d2d 0%,#d07979 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #8e2d2d 0%,#d07979 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2d2d', endColorstr='#d07979',GradientType=0 ); /* IE6-9 */
}

.noisy.blue
{
	border-color: #417e97;
	background: url('../images/noise.png') no-repeat left center, #79bdd0; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #79bdd0 0%, #4082a7 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79bdd0), color-stop(100%,#4082a7)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #79bdd0 0%,#4082a7 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #79bdd0 0%,#4082a7 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #79bdd0 0%,#4082a7 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #79bdd0 0%,#4082a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79bdd0', endColorstr='#4082a7',GradientType=0 ); /* IE6-9 */
}

.noisy.blue:hover
{
	background: #79bdd0; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #79bdd0 0%, #2d5e8e 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79bdd0), color-stop(100%,#2d5e8e)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #79bdd0 0%,#2d5e8e 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #79bdd0 0%,#2d5e8e 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #79bdd0 0%,#2d5e8e 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #79bdd0 0%,#2d5e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79bdd0', endColorstr='#2d5e8e',GradientType=0 ); /* IE6-9 */
}

.noisy.blue:active
{
	background: #2d5e8e; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #2d5e8e 0%, #79bdd0 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5e8e), color-stop(100%,#79bdd0)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #2d5e8e 0%,#79bdd0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #2d5e8e 0%,#79bdd0 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #2d5e8e 0%,#79bdd0 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #2d5e8e 0%,#79bdd0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5e8e', endColorstr='#79bdd0',GradientType=0 ); /* IE6-9 */
}

.noisy.aqua
{
	border-color: #3e9192;
	background: url('../images/noise.png') no-repeat left center, #79d0d0; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #79d0d0 0%, #40a5a7 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d0d0), color-stop(100%,#40a5a7)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #79d0d0 0%,#40a5a7 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #79d0d0 0%,#40a5a7 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #79d0d0 0%,#40a5a7 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #79d0d0 0%,#40a5a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d0d0', endColorstr='#40a5a7',GradientType=0 ); /* IE6-9 */
}

.noisy.aqua:hover
{
	background: url('../images/noise.png') no-repeat left center, #79d0d0; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #79d0d0 0%, #2d8a8c 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d0d0), color-stop(100%,#2d8a8c)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #79d0d0 0%,#2d8a8c 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #79d0d0 0%,#2d8a8c 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #79d0d0 0%,#2d8a8c 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #79d0d0 0%,#2d8a8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d0d0', endColorstr='#2d8a8c',GradientType=0 ); /* IE6-9 */
}

.noisy.aqua:active
{
	background: url('../images/noise.png') no-repeat left center, #2d8a8c; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #2d8a8c 0%, #79d0d0 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8a8c), color-stop(100%,#79d0d0)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #2d8a8c 0%,#79d0d0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #2d8a8c 0%,#79d0d0 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #2d8a8c 0%,#79d0d0 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #2d8a8c 0%,#79d0d0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8a8c', endColorstr='#79d0d0',GradientType=0 ); /* IE6-9 */
}

.noisy.dblue
{
	border-color: #455b9e;
	background: url('../images/noise.png') no-repeat left center, #799bd0; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #799bd0 0%, #4155a8 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#799bd0), color-stop(100%,#4155a8)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #799bd0 0%,#4155a8 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #799bd0 0%,#4155a8 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #799bd0 0%,#4155a8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #799bd0 0%,#4155a8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799bd0', endColorstr='#4155a8',GradientType=0 ); /* IE6-9 */
	
}

.noisy.dblue:hover
{
	background: url('../images/noise.png') no-repeat left center, #799bd0; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #799bd0 0%, #2d3b8c 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#799bd0), color-stop(100%,#2d3b8c)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #799bd0 0%,#2d3b8c 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #799bd0 0%,#2d3b8c 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #799bd0 0%,#2d3b8c 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #799bd0 0%,#2d3b8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799bd0', endColorstr='#2d3b8c',GradientType=0 ); /* IE6-9 */
}

.noisy.dblue:active
{
	background: url('../images/noise.png') no-repeat left center, #4155a8; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #4155a8 0%, #799bd0 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4155a8), color-stop(100%,#799bd0)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #4155a8 0%,#799bd0 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #4155a8 0%,#799bd0 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #4155a8 0%,#799bd0 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #4155a8 0%,#799bd0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4155a8', endColorstr='#799bd0',GradientType=0 ); /* IE6-9 */
}

.noisy.gray
{
	border-color: #6f7471;
	background: url('../images/noise.png') no-repeat left center, #b9b9b9; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #b9b9b9 0%, #7d7d7d 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(100%,#7d7d7d)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #b9b9b9 0%,#7d7d7d 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #b9b9b9 0%,#7d7d7d 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #b9b9b9 0%,#7d7d7d 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #b9b9b9 0%,#7d7d7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#7d7d7d',GradientType=0 ); /* IE6-9 */
	
}

.noisy.gray:hover
{
	background: url('../images/noise.png') no-repeat left center, #b9b9b9; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #b9b9b9 0%, #575757 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(100%,#575757)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #b9b9b9 0%,#575757 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #b9b9b9 0%,#575757 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #b9b9b9 0%,#575757 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #b9b9b9 0%,#575757 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#575757',GradientType=0 ); /* IE6-9 */
}

.noisy.gray:active
{
	background: url('../images/noise.png') no-repeat left center, #575757; /* Old browsers */
	background: url('../images/noise.png') no-repeat left center, -moz-linear-gradient(top, #575757 0%, #b9b9b9 100%); /* FF3.6+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
	background: url('../images/noise.png') no-repeat left center, -webkit-linear-gradient(top, #575757 0%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/noise.png') no-repeat left center, -o-linear-gradient(top, #575757 0%,#b9b9b9 100%); /* Opera 11.10+ */
	background: url('../images/noise.png') no-repeat left center, -ms-linear-gradient(top, #575757 0%,#b9b9b9 100%); /* IE10+ */
	background: url('../images/noise.png') no-repeat left center, linear-gradient(to bottom, #575757 0%,#b9b9b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
}