/*
		File: 	buttons.css
		Date: 	2014
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*---------------------------------------------------------------------------- 
SQUARE BUTTONS
-----------------------------------------------------------------------------*/
.buttons a, .buttons button{
	margin:0; padding:0;
	cursor:pointer;
}
.buttons button{
	overflow:visible;
	padding:5px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}
/* IMAGE ICON */
.buttons button img, .buttons a img {
	margin:0 1px -3px 0 !important;
	padding:0; border:0;
	width:16px;	height:16px;
}


/* FONT */
.buttons a, .buttons button{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px !important; line-height:16px !important;
	font-weight:bold !important;
	text-decoration:none;
	text-transform:uppercase;

}
/* LINK - REGULAR */
.buttons a, .buttons button{
	color:#666666;
	border:1px solid #cdcdcd !important; /* ADMIN BORDER COLOR */
	
	background-color:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e7e8');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e6e7e8));
	background: -moz-linear-gradient(top, #FFFFFF, #e6e7e8);
}

/* LINK - HOVER */
button:hover, .buttons a:hover{
	color:#222222;
	border:1px solid #666666 !important;
	
	background-color:#dedede;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#c8c8c8');
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#c8c8c8));
	background: -moz-linear-gradient(top, #dedede, #c8c8c8);
	
	-webkit-box-shadow: 0 8px 6px -6px #999999;
	-moz-box-shadow: 0 8px 6px -6px #999999;
	box-shadow: 0 8px 6px -6px #999999;
}

/* NEGATIVE - (DISABLED) */
button.negative, .buttons a.negative, .buttons a.negative:hover, button.negative:hover {
	color:#999999;
	cursor:default;
	border:1px solid #CCCCCC;
	zoom:1;filter: alpha(opacity=70);opacity:0.7;	
	
	background-color:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e7e8');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e6e7e8));
	background: -moz-linear-gradient(top, #FFFFFF, #e6e7e8);
	
	-webkit-box-shadow: 0px 0px 0px 0px none;
	-moz-box-shadow: 0px 0px 0px 0px none;
	box-shadow: 0px 0px 0px 0px none;
}
.buttons a.negative img, button.negative img {	
	zoom:1;filter: alpha(opacity=70);opacity:0.7;
}