/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

/* with enhancements from http://webdesignerwall.com/tutorials/css3-gradient-buttons (marked as wall) */

a.button, a.button:visited, button {
	display:inline-block; /* DG: Changing this from BLOCK, don't want floating! */
	
	/* wall: */
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	
	/*float:left;*/
	margin: 0.7em 0.5em 0.7em 0;
	padding:5px 10px 5px 7px;   /* Links */
	
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
		   border-radius: 5px;

	/*wall:*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	        box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);


	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none !important;
	font-weight:bold;

	cursor:pointer;
	position:relative;
}
.ie9 a.button, .ie9 a.button:visited, .ie9 button { border-radius: 0 !important; }

button {
  width:auto; /* IE button fix: http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

a.bigrounded,button.bigrounded {
	-webkit-border-radius: 2em;
	   -moz-border-radius: 2em;
	        border-radius: 2em;
}
.ie9 a.bigrounded, .ie9 a.bigrounded:Visited, .ie9 button.bigrounded { border-radius: 0 !important; }

a.button.extralarge,button.extralarge,a.button.extralarge:active,button.extralarge:active,a.button.extralarge:hover,button.extralarge:hover,a.button.extralarge:visited,button.extralarge:visited
{
	font-size: 14px;
	padding: .8em 2.5em .87em;
}
a.button.large,button.large,a.button.large:active,button.large:active,a.button.large:hover,button.large:hover,a.button.large:visited,button.large:visited
{
	font-size:13px;
	padding:.6em 2em .68em;
}
a.button.medium,button.medium,a.button.medium:active,button.medium:active,a.button.medium:hover,button.medium:hover,a.button.medium:visited,button.medium:visited{
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
a.button.small,button.small,a.button.small:active,button.small:active,a.button.small:hover,button.small:hover,a.button.small:visited,button.small:visited {
	font-size: 11px;
	padding: .2em 1em .275em;
}
a.button.extrasmall,button.extrasmall,a.button.extrasmall:active,button.extrasmall:active,a.button.extrasmall:hover,button.extrasmall:hover,a.button.extrasmall:visited,button.extrasmall:visited {
	font-size: 10px;
	padding: .2em .5em .03em;
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}
button span.ss_sprite {
	margin: 0 4px -4px 0 !important;
} a.button span.ss_sprite{
  margin:0 0 -6px 0 !important; /* align the middle better */
}

/* Button colors
-------------------------------------------------------------- */
/* Disabled */
button[disabled=disabled],button[disabled=disabled]:hover,a.button[disabled=disabled],a.button[disabled=disabled]:hover,
button.disabled, a.button.disabled,button.disabled:hover, a.button.disabled:hover {
	cursor:default !important;
	color: #ccc !important;
	border: 1px solid #ccc !important;
	background:#f5f5f5 !important;
	filter: none !important;
}
button[disabled=disabled]:active,a.button[disabled=disabled]:active,button.disabled:active, a.button.disabled:active { top:0; }

/* Standard */
button,a.button,button:visited,a.button:visited
{
	color: #444;
	border: solid 1px #b3b3b3;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* old webkit */
	background: -moz-linear-gradient(top,  #eee,  #ddd); /* gecko */
	background: -webkit-linear-gradient(#eee,#ddd); /* new webkit */
	background: -o-linear-gradient(#eee,#ddd); /* opera 11.10+ */
	background: -ms-linear-gradient(#eee,#ddd); /* IE 10 */
	background: linear-gradient(#eee,#ddd); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
	text-shadow: 0 1px 1px rgba(250,250,250,.3);
	
	/*border:1px solid #b3b3b3;border-top:1px solid #eee;border-left:1px solid #eee;
	background-color:#f5f5f5;
	background-color:#e6e6e6;
	color:#444;*/
}
button:hover, a.button:hover
{
	color: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* old webkit */
	background: -moz-linear-gradient(top,  #ddd,  #d5d5d5); /* gecko */
	background: -webkit-linear-gradient(#ddd,#d5d5d5); /* new webkit */
	background: -o-linear-gradient(#ddd,#d5d5d5); /* opera 11.10+ */
	background: -ms-linear-gradient(#ddd,#d5d5d5); /* IE 10 */
	background: linear-gradient(#ddd,#d5d5d5); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#d5d5d5');
	
	/*background-color:#dff4ff;
	color:#336699;*/
}
a.button:active,button:active{
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee)); /* old webkit */
	background: -moz-linear-gradient(top,  #ddd,  #eee); /* gecko */
	background: -webkit-linear-gradient(#ddd,#eee); /* new webkit */
	background: -o-linear-gradient(#ddd,#eee); /* opera 11.10+ */
	background: -ms-linear-gradient(#ddd,#eee); /* IE 10 */
	background: linear-gradient(#ddd,#eee); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee');
	
	/*background-color:#6299c5;
	color:#fff;*/
	top:1px;
}

/* color styles (WALL)
---------------------------------------------- */

/* black */
a.black,button.black,a.black:visited,button.black:visited {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* old webkit */
	background: -moz-linear-gradient(top,  #666,  #000); /* gecko */
	background: -webkit-linear-gradient(#666,#000); /* new webkit */
	background: -o-linear-gradient(#666,#000); /* opera 11.10+ */
	background: -ms-linear-gradient(#666,#000); /* IE 10 */
	background: linear-gradient(#666,#000); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
a.black:hover,button.black:hover 
{
	color: #d7d7d7;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); /* old webkit */
	background: -moz-linear-gradient(top,  #444,  #000); /* gecko */
	background: -webkit-linear-gradient(#444,#000); /* new webkit */
	background: -o-linear-gradient(#444,#000); /* opera 11.10+ */
	background: -ms-linear-gradient(#444,#000); /* IE 10 */
	background: linear-gradient(#444,#000); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
a.black:active,button.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); /* old webkit */
	background: -moz-linear-gradient(top,  #000,  #444); /* gecko */
	background: -webkit-linear-gradient(#000,#444); /* new webkit */
	background: -o-linear-gradient(#000,#444); /* opera 11.10+ */
	background: -ms-linear-gradient(#000,#444); /* IE 10 */
	background: linear-gradient(#000,#444); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
a.gray,button.gray,a.gray:visited,button.gray:visited {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); /* old webkit */
	background: -moz-linear-gradient(top,  #888,  #575757); /* gecko */
	background: -webkit-linear-gradient(#888,#575757); /* new webkit */
	background: -o-linear-gradient(#888,#575757); /* opera 11.10+ */
	background: -ms-linear-gradient(#888,#575757); /* IE 10 */
	background: linear-gradient(#888,#575757); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
a.gray:hover,button.gray:hover 
{
	color: #e9e9e9;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); /* old webkit */
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b); /* gecko */
	background: -webkit-linear-gradient(#757575,#4b4b4b); /* new webkit */
	background: -o-linear-gradient(#757575,#4b4b4b); /* opera 11.10+ */
	background: -ms-linear-gradient(#757575,#4b4b4b); /* IE 10 */
	background: linear-gradient(#757575,#4b4b4b); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
a.gray:active,button.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); /* old webkit */
	background: -moz-linear-gradient(top,  #575757,  #888); /* gecko */
	background: -webkit-linear-gradient(#575757,#888); /* new webkit */
	background: -o-linear-gradient(#575757,#888); /* opera 11.10+ */
	background: -ms-linear-gradient(#575757,#888); /* IE 10 */
	background: linear-gradient(#575757,#888); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
a.white,button.white,a.white:visited,button.white:visited {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); /* old webkit */
	background: -moz-linear-gradient(top,  #fff,  #ededed); /* gecko */
	background: -webkit-linear-gradient(#fff,#ededed); /* new webkit */
	background: -o-linear-gradient(#fff,#ededed); /* opera 11.10+ */
	background: -ms-linear-gradient(#fff,#ededed); /* IE 10 */
	background: linear-gradient(#fff,#ededed); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
}
a.white:hover,button.white:hover 
{
	color: #606060;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); /* old webkit */
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc); /* gecko */
	background: -webkit-linear-gradient(#fff,#dcdcdc); /* new webkit */
	background: -o-linear-gradient(#fff,#dcdcdc); /* opera 11.10+ */
	background: -ms-linear-gradient(#fff,#dcdcdc); /* IE 10 */
	background: linear-gradient(#fff,#dcdcdc); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
a.white:active,button.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); /* old webkit */
	background: -moz-linear-gradient(top,  #ededed,  #fff); /* gecko */
	background: -webkit-linear-gradient(#ededed,#fff); /* new webkit */
	background: -o-linear-gradient(#ededed,#fff); /* opera 11.10+ */
	background: -ms-linear-gradient(#ededed,#fff); /* IE 10 */
	background: linear-gradient(#ededed,#fff); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
a.orange,button.orange,a.orange:visited,button.orange:visited {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	/* originally f47a20 ... VT has orange of FF6600 */
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#FF6600)); /* old webkit */
	background: -moz-linear-gradient(top,  #faa51a,  #FF6600); /* gecko */
	background: -webkit-linear-gradient(#faa51a,#FF6600); /* new webkit */
	background: -o-linear-gradient(#faa51a,#FF6600); /* opera 11.10+ */
	background: -ms-linear-gradient(#faa51a,#FF6600); /* IE 10 */
	background: linear-gradient(#faa51a,#FF6600); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#FF6600');
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
a.orange:hover,button.orange:hover 
{
	color: #fef4e9;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); /* old webkit */
	background: -moz-linear-gradient(top,  #f88e11,  #f06015); /* gecko */
	background: -webkit-linear-gradient(#f88e11,#f06015); /* new webkit */
	background: -o-linear-gradient(#f88e11,#f06015); /* opera 11.10+ */
	background: -ms-linear-gradient(#f88e11,#f06015); /* IE 10 */
	background: linear-gradient(#f88e11,#f06015); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
a.orange:active,button.orange:active {
	color: #fcd3a5;
	/* originally f47a20 ... VT has orange of FF6600 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#faa51a)); /* old webkit */
	background: -moz-linear-gradient(top,  #FF6600,  #faa51a); /* gecko */
	background: -webkit-linear-gradient(#FF6600,#faa51a); /* new webkit */
	background: -o-linear-gradient(#FF6600,#faa51a); /* opera 11.10+ */
	background: -ms-linear-gradient(#FF6600,#faa51a); /* IE 10 */
	background: linear-gradient(#FF6600,#faa51a); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6600', endColorstr='#faa51a');
}

/* red */
a.red,button.red, a.red:visited,button.red:visited {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); /* old webkit */
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317); /* gecko */
	background: -webkit-linear-gradient(#ed1c24,#aa1317); /* new webkit */
	background: -o-linear-gradient(#ed1c24,#aa1317); /* opera 11.10+ */
	background: -ms-linear-gradient(#ed1c24,#aa1317); /* IE 10 */
	background: linear-gradient(#ed1c24,#aa1317); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
a.red:hover,button.red:hover 
{
	color: #faddde;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c915b), to(#a11115)); /* old webkit */
	background: -moz-linear-gradient(top,  #c9151b,  #a11115); /* gecko */
	background: -webkit-linear-gradient(#c9151b,#a11115); /* new webkit */
	background: -o-linear-gradient(#c9151b,#a11115); /* opera 11.10+ */
	background: -ms-linear-gradient(#c9151b,#a11115); /* IE 10 */
	background: linear-gradient(#c9151b,#a11115); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
a.red:active,button.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); /* old webkit */
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24); /* gecko */
	background: -webkit-linear-gradient(#aa1317,#ed1c24); /* new webkit */
	background: -o-linear-gradient(#aa1317,#ed1c24); /* opera 11.10+ */
	background: -ms-linear-gradient(#aa1317,#ed1c24); /* IE 10 */
	background: linear-gradient(#aa1317,#ed1c24); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
a.blue,button.blue,a.blue:visited,button.blue:visited {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); /* old webkit */
	background: -moz-linear-gradient(top,  #00adee,  #0078a5); /* gecko */
	background: -webkit-linear-gradient(#00adee,#0078a5); /* new webkit */
	background: -o-linear-gradient(#00adee,#0078a5); /* opera 11.10+ */
	background: -ms-linear-gradient(#00adee,#0078a5); /* IE 10 */
	background: linear-gradient(#00adee,#0078a5); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
a.blue:hover,button.blue:hover 
{
	color: #d9eef7;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); /* old webkit */
	background: -moz-linear-gradient(top,  #0095cc,  #00678e); /* gecko */
	background: -webkit-linear-gradient(#0095cc,#00678e); /* new webkit */
	background: -o-linear-gradient(#0095cc,#00678e); /* opera 11.10+ */
	background: -ms-linear-gradient(#0095cc,#00678e); /* IE 10 */
	background: linear-gradient(#0095cc,#00678e); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
a.blue:active,button.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); /* old webkit */
	background: -moz-linear-gradient(top,  #0078a5,  #00adee); /* gecko */
	background: -webkit-linear-gradient(#0078a5,#00adee); /* new webkit */
	background: -o-linear-gradient(#0078a5,#00adee); /* opera 11.10+ */
	background: -ms-linear-gradient(#0078a5,#00adee); /* IE 10 */
	background: linear-gradient(#0078a5,#00adee); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
a.green,button.green,a.green:visited,button.green:visited {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); /* old webkit */
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e); /* gecko */
	background: -webkit-linear-gradient(#7db72f,#4e7d0e); /* new webkit */
	background: -o-linear-gradient(#7db72f,#4e7d0e); /* opera 11.10+ */
	background: -ms-linear-gradient(#7db72f,#4e7d0e); /* IE 10 */
	background: linear-gradient(#7db72f,#4e7d0e); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
a.green:hover,button.green:hover 
{
	color: #e8f0de;
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); /* old webkit */
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c); /* gecko */
	background: -webkit-linear-gradient(#6b9d28,#436b0c); /* new webkit */
	background: -o-linear-gradient(#6b9d28,#436b0c); /* opera 11.10+ */
	background: -ms-linear-gradient(#6b9d28,#436b0c); /* IE 10 */
	background: linear-gradient(#6b9d28,#436b0c); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
a.green:active,button.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); /* old webkit */
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f); /* gecko */
	background: -webkit-linear-gradient(#4e7d0e,#7db72f); /* new webkit */
	background: -o-linear-gradient(#4e7d0e,#7db72f); /* opera 11.10+ */
	background: -ms-linear-gradient(#4e7d0e,#7db72f); /* IE 10 */
	background: linear-gradient(#4e7d0e,#7db72f); /* future CSS3 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}