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

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

.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding: 7px;   /* Links */
  
	background: #D9D9D9 url(/images_pres/button_white_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#D9D9D9));
		-background-image: -moz-linear-gradient(top, #FDFDFD, #D9D9D9);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#D9D9D9'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#D9D9D9')"; /* IE8 */
	border: 1px solid #CCCCCC; 
		border-top:1px solid #DDDDDD;
		border-left:1px solid #DDDDDD;
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  line-height:130%;
  font-size:.9em;
  text-decoration:none;
  text-shadow: 1px 1px #FFFFFF;
  text-transform: uppercase;
  font-weight:bold;
  color:#666666;
  cursor:pointer;
  vertical-align:top;
}
button {
  width:auto;
  overflow:visible;
  padding:6px 7px 5px 7px;   /* IE6 */
}
button[type] {
  padding:6px 7px 6px 7px;   /* Firefox */
  line-height:16px;           /* Safari */
}
*:first-child+html button[type] {
  padding:6px 7px 5px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  float:none;
}

.text-right .button, .text-right button 	{ float: right; margin-right: 0; margin-left: .5em; }
.text-center .button, .text-center button 	{ float: none; margin-right: 0; margin-left: 0; display: inline; }

/* Button colors
-------------------------------------------------------------- */

/* Standard */
.button:hover, .button:active, .button:focus, .button-blue, .button-darkgray:hover, .button-darkgray:active, .button-darkgray:focus {
	background: #009999 url(/images_pres/button_blue_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6ad0d0), to(#009999)); 
		background-image: -moz-linear-gradient(top, #6ad0d0, #009999); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad0d0', endColorstr='#009999'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad0d0', endColorstr='#009999')"; /* IE8 */
	border: 1px solid #009999; 
		border-top:1px solid #4fb9b9;
		border-left:1px solid #4fb9b9;
	color: #FFFFFF; 
	text-shadow: -1px -1px #009999;
}

/* Positive -- GREEN */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover, 
a.positive:active, button.positive:active,
a.positive:focus, button.positive:focus,
.button-green {
	background: #72a407 url(/images_pres/button_green_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#b4d56d), to(#72a407)); 
		background-image: -moz-linear-gradient(top, #b4d56d, #72a407); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d56d', endColorstr='#72a407'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d56d', endColorstr='#72a407')"; /* IE8 */
	border: 1px solid #72a407; 
		border-top:1px solid #9bbf50;
		border-left:1px solid #9bbf50;
	color: #FFFFFF; 
	text-decoration: none;
	text-shadow: -1px -1px #72a407;
}

/* Negative -- RED */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover, 
a.negative:active, button.negative:active,
a.negative:focus, button.negative:focus {
	background: #c84747 url(/images_pres/button_red_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#df7777), to(#c84747)); 
		background-image: -moz-linear-gradient(top, #df7777, #c84747); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#df7777', endColorstr='#c84747'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#df7777', endColorstr='#c84747')"; /* IE8 */
	border: 1px solid #c84747; 
		border-top:1px solid #d36b6b;
		border-left:1px solid #d36b6b;
	color: #FFFFFF; 
	text-shadow: -1px -1px #c84747;
}

/* DARK-GRAY */
.button-darkgray {
	background: #5e5e5e url(/images_pres/button_gray_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#828282), to(#5e5e5e)); 
		background-image: -moz-linear-gradient(top, #828282, #5e5e5e); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#5e5e5e'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#5e5e5e')"; /* IE8 */
	border: 1px solid #5e5e5e; 
		border-top:1px solid #777;
		border-left:1px solid #777;
	color: #ffffff; 
	text-shadow: -1px -1px #5e5e5e; 
}

/* DEPRESSED */
.button-depressed, .button-depressed:hover { 
	background: #dadada url(/images_pres/button_depressed_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ccc)); 
		background-image: -moz-linear-gradient(top, #999, #ccc); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dadada'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dadada')"; /* IE8 */
	border: 1px solid #ccc; 
	color: #fff; 
	text-shadow: -1px -1px #888;
	/*padding-top: 6px;
	padding-bottom: 6px; */
}

/* LARGE */
.button-large,  
.button-large-icon, .button-large-icon:hover, .button-large-icon:active, .button-large-icon:focus { 
	display: block; 
	float: none;
	font-size: 16px; 
	font-weight: bold; 
	margin: 0;
	padding: 9px; 
	text-align: center; 
	text-transform: uppercase;
	text-decoration: none;
	}
	.button-large span.tall, .button-large-icon span.tall { line-height: 40px; }
	.button-large-icon { padding: 9px 9px 9px 60px; text-align: right; }
	.button-large small { font-weight: normal; }

.button-block { float: none; display: inline; }

.button-large.button {
	background: #D9D9D9 url(/images_pres/button_large_white_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#D9D9D9));
		background-image: -moz-linear-gradient(top, #FDFDFD, #D9D9D9);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#D9D9D9'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#D9D9D9')"; /* IE8 */
}
.button-large.button.button-green {
	background: #72a407 url(/images_pres/button_large_green_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#b4d56d), to(#72a407)); 
		background-image: -moz-linear-gradient(top, #b4d56d, #72a407); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d56d', endColorstr='#72a407'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d56d', endColorstr='#72a407')"; /* IE8 */
}
.button-large.button:hover, .button-large.button:active, .button-large.button:focus, .button-large.button-blue, .button-large.button-darkgray:hover, .button-large.button-darkgray:active, .button-large.button-darkgray:focus {
	background: #009999 url(/images_pres/button_large_blue_bg.gif) repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6ad0d0), to(#009999)); 
		background-image: -moz-linear-gradient(top, #6ad0d0, #009999); 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad0d0', endColorstr='#009999'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad0d0', endColorstr='#009999')"; /* IE8 */
}

#redeem #checkButton { margin-top: .5em; }
