/*---------------------IMPORTANT INFORMATIONS ---------------------
Those buttons have been made to be compatible with all browsers in a lot of versions.

To use those buttons you need to choose 3 parameters :
- button template : rounded, semi-rounded, or quared button
- Border color : the color of the external stroke of the button
- button color : the color of the internal part of the button

You also have Serchfield + button, and socialbutton + icon possibilities

those 3 parameters will allow you to make endless possibilites of shapes and colors.
Then, you will be able to easly change radius size, button height and weight, font parameters ...

/!\ Some properties are repeated in each class; this have been made to allow you to use each class independently /!\

have fun, and contact me if you have any problem with this stuff (don't forget to rate if you like).*/



/*---------------------IMPORTANT GENERAL PARAMETERS fix---------------------*/

a			{text-decoration: none;outline: none;}
a:visited 	{text-decoration: none;}
a:hover 	{text-decoration: none;}
a:active 	{text-decoration: none;}

.squaredInterior {
	display: block;
	height: 20px;
	-moz-box-sizing:border-box;		/*The box-sizing property allows you to define certain elements to fit an area in a certain way */
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	margin-bottom:0px;
    
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	text-decoration: none;
}

/*black*/
.btnBlack{
	color: #900;
	text-shadow: 0px 0px 0px;
	
	background: #fff; 																								
	background: -moz-linear-gradient(top,  #fff 0%, #fff 100%); 													/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#242424)); 		/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#242424 100%); 												/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c3c3c 0%,#242424 100%); 														/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c3c3c 0%,#242424 100%); 													/* IE10+ */
	background: linear-gradient(to bottom,  #F1EEEB 0%,#F1EEEB 100%);													/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#242424',GradientType=0 ); /* IE6-9 */

	-moz-box-shadow: 	inset 0px 1px 0px #fff, 0px 1px 0 #ffffff;	/* FF3.5+ */
	-webkit-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0 #ffffff;	/* Chrome,Safari4+ */
	-o-box-shadow: 		inset 0px 1px 0px #000000, 0px 1px 0 #ffffff;	/* Opera 10.5+ */
	box-shadow: 		inset 0px 0px 0px #F1EEEB, 0px 0px 0 #ffffff;	/* W3C */	
	}

.btnBlack:hover{
	color: #fff;
	
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #ff000 100%); 													/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#313130)); 		/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #484848 0%,#313130 100%); 												/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #484848 0%,#313130 100%); 														/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #484848 0%,#313130 100%); 													/* IE10+ */
	background: linear-gradient(to bottom,  #484848 0%,#313130 100%);													/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#313130',GradientType=0 ); /* IE6-9 */
}

.btnBlack:active{
	color: #900;
	background: #F1EEEB;
}

/*black*/
.BorderBlack{
	background: #fff;
	background: -moz-linear-gradient(top, #666 0%, #999 100%); 													 /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d1), color-stop(100%,#babdb8)); 	     /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d2d2d1 0%,#babdb8 100%); 											     /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d2d2d1 0%,#babdb8 100%); 													     /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d2d2d1 0%,#babdb8 100%); 												     /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d1', endColorstr='#babdb8',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: 	inset 0px 0px 0px;	/* FF3.5+ */
	-webkit-box-shadow: inset 0px 1px 1px #979a95;	/* Chrome,Safari4+ */
	-o-box-shadow: 		inset 0px 1px 1px #979a95;	/* Opera 10.5+ */
	box-shadow: 		inset 0px 1px 1px #979a95;	/* W3C */
	background-color: linear-gradient;
	background-position: bottom;
}

/*squared buttons*/
.squaredBorder {

	padding: 4px;
	-moz-box-sizing:border-box;		/*The box-sizing property allows you to define certain elements to fit an area in a certain way */
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}