.button {
	padding:10px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
	cursor:pointer;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;

	text-shadow: 1px 1px 1px black;

	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
}

.button:active {
	-moz-box-shadow: 0 2px 6px black;
	-webkit-box-shadow: 0 2px 6px black;
}

.blackBut{
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(65,65,65,1) 50%, rgba(55,55,55,1) 51%, rgba(45,45,45,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(50%,rgba(65,65,65,1)), color-stop(51%,rgba(55,55,55,1)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(65,65,65,1) 50%,rgba(55,55,55,1) 51%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(65,65,65,1) 50%,rgba(55,55,55,1) 51%,rgba(45,45,45,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(65,65,65,1) 50%,rgba(55,55,55,1) 51%,rgba(45,45,45,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(65,65,65,1) 50%,rgba(55,55,55,1) 51%,rgba(45,45,45,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #555;
	border-top: 1px solid #DDD;
}

.blackBut:hover{
	background: rgb(58,58,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(58,58,58,1) 0%, rgba(50,50,50,1) 50%, rgba(42,42,42,1) 51%, rgba(34,34,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,58,58,1)), color-stop(50%,rgba(50,50,50,1)), color-stop(51%,rgba(42,42,42,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(50,50,50,1) 50%,rgba(42,42,42,1) 51%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(50,50,50,1) 50%,rgba(42,42,42,1) 51%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(50,50,50,1) 50%,rgba(42,42,42,1) 51%,rgba(34,34,34,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(58,58,58,1) 0%,rgba(50,50,50,1) 50%,rgba(42,42,42,1) 51%,rgba(34,34,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}

.whiteBut{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #555;
	border-top: 1px solid #DDD;
}

.whiteBut:hover{
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #e7e7e7 50%, #d8d8d8 51%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#e7e7e7), color-stop(51%,#d8d8d8), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 50%,#d8d8d8 51%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 50%,#d8d8d8 51%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 50%,#d8d8d8 51%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#e7e7e7 50%,#d8d8d8 51%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

.blueBut{
	background: rgb(14,101,142); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(14,101,142,1) 0%, rgba(12,87,122,1) 50%, rgba(1,77,113,1) 51%, rgba(0,62,92,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,101,142,1)), color-stop(50%,rgba(12,87,122,1)), color-stop(51%,rgba(1,77,113,1)), color-stop(100%,rgba(0,62,92,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(14,101,142,1) 0%,rgba(12,87,122,1) 50%,rgba(1,77,113,1) 51%,rgba(0,62,92,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(14,101,142,1) 0%,rgba(12,87,122,1) 50%,rgba(1,77,113,1) 51%,rgba(0,62,92,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(14,101,142,1) 0%,rgba(12,87,122,1) 50%,rgba(1,77,113,1) 51%,rgba(0,62,92,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(14,101,142,1) 0%,rgba(12,87,122,1) 50%,rgba(1,77,113,1) 51%,rgba(0,62,92,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e658e', endColorstr='#003e5c',GradientType=0 ); /* IE6-9 */

	border: 1px solid #368DBE;
	border-top: 1px solid #c3d6df;
}
	
.blueBut:hover {
	background: rgb(12,95,134); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(12,95,134,1) 0%, rgba(11,82,115,1) 50%, rgba(2,72,104,1) 51%, rgba(0,56,84,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,95,134,1)), color-stop(50%,rgba(11,82,115,1)), color-stop(51%,rgba(2,72,104,1)), color-stop(100%,rgba(0,56,84,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(12,95,134,1) 0%,rgba(11,82,115,1) 50%,rgba(2,72,104,1) 51%,rgba(0,56,84,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(12,95,134,1) 0%,rgba(11,82,115,1) 50%,rgba(2,72,104,1) 51%,rgba(0,56,84,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(12,95,134,1) 0%,rgba(11,82,115,1) 50%,rgba(2,72,104,1) 51%,rgba(0,56,84,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(12,95,134,1) 0%,rgba(11,82,115,1) 50%,rgba(2,72,104,1) 51%,rgba(0,56,84,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5f86', endColorstr='#003854',GradientType=0 ); /* IE6-9 */
}

.greenBut{
	background: #08a444; /* Old browsers */
	background: -moz-linear-gradient(top,  #08a444 0%, #07913c 50%, #028434 51%, #00722e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#08a444), color-stop(50%,#07913c), color-stop(51%,#028434), color-stop(100%,#00722e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #08a444 0%,#07913c 50%,#028434 51%,#00722e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #08a444 0%,#07913c 50%,#028434 51%,#00722e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #08a444 0%,#07913c 50%,#028434 51%,#00722e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #08a444 0%,#07913c 50%,#028434 51%,#00722e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08a444', endColorstr='#00722e',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #2E9E2F;
	border-top: 1px solid #C4DFC3;
}

.greenBut:hover{
	background: rgb(12,134,59); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(12,134,59,1) 0%, rgba(11,115,51,1) 50%, rgba(2,104,41,1) 51%, rgba(0,84,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,134,59,1)), color-stop(50%,rgba(11,115,51,1)), color-stop(51%,rgba(2,104,41,1)), color-stop(100%,rgba(0,84,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(12,134,59,1) 0%,rgba(11,115,51,1) 50%,rgba(2,104,41,1) 51%,rgba(0,84,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(12,134,59,1) 0%,rgba(11,115,51,1) 50%,rgba(2,104,41,1) 51%,rgba(0,84,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(12,134,59,1) 0%,rgba(11,115,51,1) 50%,rgba(2,104,41,1) 51%,rgba(0,84,34,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(12,134,59,1) 0%,rgba(11,115,51,1) 50%,rgba(2,104,41,1) 51%,rgba(0,84,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c863b', endColorstr='#005422',GradientType=0 ); /* IE6-9 */
}

.redBut{
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc0000 0%, #bc0000 50%, #ac0000 51%, #9a0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(50%,#bc0000), color-stop(51%,#ac0000), color-stop(100%,#9a0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc0000 0%,#bc0000 50%,#ac0000 51%,#9a0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc0000 0%,#bc0000 50%,#ac0000 51%,#9a0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc0000 0%,#bc0000 50%,#ac0000 51%,#9a0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc0000 0%,#bc0000 50%,#ac0000 51%,#9a0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#9a0000',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #6B1D1D;
	border-top: 1px solid #F5D0D0;
}

.redBut:hover{
	background: #aa0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #aa0000 0%, #9a0000 50%, #880000 51%, #760000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa0000), color-stop(50%,#9a0000), color-stop(51%,#880000), color-stop(100%,#760000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aa0000 0%,#9a0000 50%,#880000 51%,#760000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aa0000 0%,#9a0000 50%,#880000 51%,#760000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aa0000 0%,#9a0000 50%,#880000 51%,#760000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aa0000 0%,#9a0000 50%,#880000 51%,#760000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0000', endColorstr='#760000',GradientType=0 ); /* IE6-9 */
}
