.button-nutral{

	/*font-family: pagefont;*/
	
	padding: 5px 10px;
	/*padding-left: 25px;*/

	text-align: right;
	text-decoration: none;
	font-size: 12px;
	color: #000;

	min-height:10px;
	width: auto;
	display: inline;
	vertical-align: top;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 2px;
}


.button{

	

	/*font-family: pagefont;*/
	box-shadow: 0px 0px 3px #888;
	padding: 5px 10px;
	/*padding-left: 25px;*/

	text-align: right;
	text-decoration: none!important;
	text-transform: none!important;
	font-size: 12px;
	color: #000;

	min-height:10px;
	width: auto;
	display: inline;
	vertical-align: top;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #EDEDED 0%, #FDFDFD 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #EDEDED 0%, #FDFDFD 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #EDEDED 0%, #FDFDFD 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EDEDED), color-stop(1, #FDFDFD));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #EDEDED 0%, #FDFDFD 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #EDEDED 0%, #FDFDFD 100%);

	margin: 2px;

	cursor: pointer;
}

.button-small{
	width: 5px!important;
	padding-right: 2px!important;
	padding: 2px!important;
}

.underline-green{
	border-bottom: 1px solid #2ec78a
}
.underline-blue{
	border-bottom: 1px solid #5B91D4;
}
.underline-red{
	border-bottom: 1px solid red;/*#2ADEAD*/
}
.underline-black{
	border-bottom: 1px solid #000;/*#2ADEAD*/
}
.underline-orange{
	border-bottom: 1px solid orange;/*#2ADEAD*/
}

.full-border{
	border: 1px solid skyblue;
}

.button:hover{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #DFDFDF 0%, #FDFDFD 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #DFDFDF 0%, #FDFDFD 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #DFDFDF 0%, #FDFDFD 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #DFDFDF), color-stop(1, #FDFDFD));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #DFDFDF 0%, #FDFDFD 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #DFDFDF 0%, #FDFDFD 100%);
}

.button:active{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top right, #DFDFDF 0%, #FDFDFD 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top right, #DFDFDF 0%, #FDFDFD 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top right, #DFDFDF 0%, #FDFDFD 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #DFDFDF), color-stop(1, #FDFDFD));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top right, #DFDFDF 0%, #FDFDFD 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom left, #DFDFDF 0%, #FDFDFD 100%);
}

.blue{

	
	font-weight: bold;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #1F96F2 0%, #0083BF 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #1F96F2 0%, #0083BF 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #1F96F2 0%, #0083BF 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1F96F2), color-stop(1, #0083BF));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #1F96F2 0%, #0083BF 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #1F96F2 0%, #0083BF 100%);
	color: #fff;
}

.blue:hover{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #1E90E8 0%, #0073A8 150%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #1E90E8 0%, #0073A8 150%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #1E90E8 0%, #0073A8 150%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1E90E8), color-stop(1.5, #0073A8));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #1E90E8 0%, #0073A8 150%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #1E90E8 0%, #0073A8 150%);
}

.blue:active{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #1E90E8 0%, #005075 150%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #1E90E8 0%, #005075 150%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #1E90E8 0%, #005075 150%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1E90E8), color-stop(1.5, #005075));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #1E90E8 0%, #005075 150%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #1E90E8 0%, #005075 150%);
}

.green{

	font-weight: bold;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #2ec78a 0%, #12c77f 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #2ec78a 0%, #12c77f 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #2ec78a 0%, #12c77f 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2ec78a), color-stop(1, #12c77f));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #2ec78a 0%, #12c77f 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #2ec78a 0%, #12c77f 100%);
	color: #fff;
}

.green:hover{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #27b384 0%, #1ab079 150%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #27b384 0%, #1ab079 150%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #27b384 0%, #1ab079 150%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #27b384), color-stop(1.5, #1ab079));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #27b384 0%, #1ab079 150%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #27b384 0%, #1ab079 150%);
}

.red{

	font-weight: bold;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #E74C3C 0%, #CB4335 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #E74C3C 0%, #CB4335 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #E74C3C 0%, #CB4335 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E74C3C), color-stop(1, #CB4335));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #E74C3C 0%, #CB4335 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #E74C3C 0%, #CB4335 100%);
	color: #fff!important;
}

.red:hover{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #B03A2E 0%, #943126 150%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #B03A2E 0%, #943126 150%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #B03A2E 0%, #943126 150%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B03A2E), color-stop(1.5, #943126));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #B03A2E 0%, #943126 150%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #B03A2E 0%, #943126 150%);
}

.black{

	font-weight: bold;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #272727 0%, #424242 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #272727 0%, #424242 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #272727 0%, #424242 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #272727), color-stop(1, #424242));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #272727 0%, #424242 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #272727 0%, #424242 100%);
	color: #fff;
}

.black:hover{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #272727 0%, #838383 150%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #272727 0%, #838383 150%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #272727 0%, #838383 150%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #272727), color-stop(1.5, #838383));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #272727 0%, #838383 150%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #272727 0%, #838383 150%);
}
.button{
	min-width: 50px!important;
	text-align: center;
}

.button span.img,.button span.text{
	display: inline-block;
	
	font-size: inherit;
}
.button span.text{
	margin-top: 4px
}
.button img.img{
	width: 22px!important;
	height: 22px!important;
}
.color-red{
	color :red;
}
.color-blue{
	color :blue!important;
}