/*
		File: 	buttons.css
		Date: 	2013
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*---------------------------------------------------------------------------- 
CORE BUTTONS
-----------------------------------------------------------------------------*/

.FormBtn {
	margin:5px 0px;
	padding:10px 35px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
	cursor:pointer;
}

.BackBtn {
	padding:0;
	margin:0px 0px 10px 0px;
}

.SortBtn {
	margin:0;
	padding:4px 0px;
	width:60px;
	font-weight:normal;
	cursor:pointer;
}

/*---------------------------------------------------------------------------- 
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;
}


/*---------------------------------------------------------------------------- 
SWITCH VIEW BUTTONS
-----------------------------------------------------------------------------*/
#Spry_BtnL a, #Spry_BtnR a {
       display:block; height:26px; width:122px; overflow:hidden;
}
#Spry_BtnL a {
	   background: url(../images/switch.png) no-repeat 0 -26px;
	   height:26px;
}
#Spry_BtnR a {
	   background: url(../images/switch.png) no-repeat 0 -0px;
	   height:26px;
}
#Spry_BtnL a:hover {
       background-position:0 -0px; overflow:hidden;
}
#Spry_BtnR a:hover {
       background-position:0 -26px; overflow:hidden;
}