/* @override 
	http://www.ginkgosupport.nl/css/plugins/buttons/screen.css
	http://gs-v2.kkdesign.nl/css/plugins/buttons/screen.css
*/

/* -------------------------------------------------------------- 
  
   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.

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

/* buttons */

.button {
	float: left;
	margin: 0 24px 24px 0;
	width: 160px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
	position:relative;
	/* BACKGROUND GRADIENTS */
	background: #014464;
	background: -moz-linear-gradient(top, #2E579F, #2A4E8A 50%, #203F72 51%, #071C39);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2E579F), color-stop(.5, #2A4E8A), color-stop(.5, #203F72), to(#0D2E5D));
	/* BORDER RADIUS */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #0D2E5D;
	border-top: 1px solid #2E579F;
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px black;
	/* BOX SHADOW */
	-moz-box-shadow: 0 1px 3px gray;
	-webkit-box-shadow: 0 1px 3px gray;
	box-shadow: 0 1px 3px gray;
}

.button.green{
	background: #014464;
	background: -moz-linear-gradient(top, #CFEC5F, #B0CD45 50%, #A1BD39 51%, #89A425);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFEC5F), color-stop(.5, #B0CD45), color-stop(.5, #A1BD39), to(#89A425));
	border: 1px solid #B0CD45;
	border-top: none;
	
	
}
.button.big{
	width: 260px;
}
.button.huge{
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

/* WHILE HOVERED */

.button:hover {
	background: #014464;
	background: -moz-linear-gradient(top, #3466BB, #2A4E8A 50%, #203F72 51%, #071C39);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3466BB), color-stop(.5, #2A4E8A), color-stop(.5, #203F72), to(#0D2E5D));
	color: white;
}

.button.green:hover {
	background: #014464;
	background: -moz-linear-gradient(top, #D6F764, #B0CD45 50%, #A1BD39 51%, #89A425);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D6F764), color-stop(.5, #B0CD45), color-stop(.5, #A1BD39), to(#89A425));
	color: white;
}

/* WHILE BEING CLICKED */

.button:active {
	-moz-box-shadow: 0 1px 4px black;
	-webkit-box-shadow: 0 1px 4px black;
}


button {
  width:auto;
  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 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

button.huge img, a.button.huge img{
  margin:0 7px -7px 0 !important;
  padding:0;
  border:none;
  width:24px;
  height:24px;
  float:none;
}