/* BUTTONS */
/* last modified 2012-02-03 */

/* miscellaneous resets */
a.btn1, a.btn2, a.btn3 {
	display:inline-block;
}
a.btn1:focus, a.btn2:focus, a.btn3:focus {
	outline:0; /* removes standard link focus outline */
}
input.btn1::-moz-focus-inner, input.btn2::-moz-focus-inner, input.btn3::-moz-focus-inner, button.btn1::-moz-focus-inner, button.btn2::-moz-focus-inner, button.btn3::-moz-focus-inner { /* removes standard button focus outline */ 
	border:0;
}

/* default buttons */
input.btn1, input.btn2, input.btn3, button.btn1, button.btn2, button.btn3 {
	padding-top:0px;
	padding-bottom:0px;
	height:32px; /* button height */
}
.btn1, .btn2, .btn3 {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:28px; /* button height minus top & bottom border */
	vertical-align:middle;
	white-space:nowrap;
	padding-left:8px;
	padding-right:8px;
	border-width:1px;
	border-style:solid;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
	/* for IE padding stacking */
	width:auto;
	overflow:visible;
	cursor:pointer;
}
.btn1, .btn2, .btn3, a.btn1, a.btn2, a.btn3, a.btn1:link, a.btn2:link, a.btn3:link, a.btn1:visited, a.btn2:visited, a.btn3:visited, a.btn1:hover, a.btn2:hover, a.btn3:hover, a.btn1:active, a.btn2:active, a.btn3:active {
	color:#fff;
	text-shadow:0px -1px 1px rgba(0,0,0,.25);
	text-decoration:none;
}

/* small buttons */
input.btn-sm, button.btn-sm {
	height:20px; /* button height */
}
input.btn-sm, button.btn-sm, a.btn-sm {
	font-size:12px;
	line-height:18px; /* button height minus top & bottom border */
	padding-left:4px;
	padding-right:4px;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

/* large buttons */
input.btn-lg, button.btn-lg {
	height:48px; /* button height */
}
input.btn-lg, button.btn-lg, a.btn-lg {
	font-size:18px;
	line-height:42px; /* button height minus top & bottom border */
	padding-left:14px;
	padding-right:14px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
/* lighting */
.btn1, .btn2, .btn3, .btn1.disabled:active, .btn2.disabled:active, .btn3.disabled:active {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.25);
     -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.25);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn1:active, .btn2:active, .btn3:active, .btn-sec:active {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.2);
     -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.2);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.2);
}

/* button 1 color */
.btn1, .btn1:active, .btn1.disabled:hover {
  background-color: #007cc3; /* med blue */
  background-image:         linear-gradient(bottom, rgb(0,124,195) 0%, rgb(0,151,227) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(0,151,227) 100);
  background-image:    -moz-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(0,151,227) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(0,151,227) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(0,124,195) 0%, rgb(0,151,227) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(0,124,195)),
  	color-stop(1, rgb(0,151,227))
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097e3', endColorstr='#007cc3',GradientType=0 ); /* IE6-9 */
}
.btn1:hover {
  background-color: #3396cf; /* light blue */
  background-image:         linear-gradient(bottom, rgb(0,139,209) 0%, rgb(0,159,245) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(0,139,209) 0%, rgb(0,159,245) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(0,139,209) 0%, rgb(0,159,245) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,139,209) 0%, rgb(0,159,245) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(0,139,209) 0%, rgb(0,159,245) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(0,139,209)),
  	color-stop(1, rgb(0,159,245))
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ff5', endColorstr='#008bd1',GradientType=0 ); /* IE6-9 */
}
.btn1, .btn1.disabled:focus {
	border-color:#0073b5; /* med blue - Brightness lowered by 5% for contrast */
}
.btn1:focus {
	border-color:#134561; /* dark blue */
}

/* button 2 color */
.btn2, .btn2:active, .btn2.disabled:hover {
  background-color:#aab200; /* med green */
  background-image:         linear-gradient(bottom, rgb(169,178,0) 0%, rgb(199,209,0) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(169,178,0) 0%, rgb(199,209,0) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(169,178,0) 0%, rgb(199,209,0) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(169,178,0) 0%, rgb(199,209,0) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(169,178,0) 0%, rgb(199,209,0) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(169,178,0)),
  	color-stop(1, rgb(199,209,0))
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d100', endColorstr='#a9b200',GradientType=0 ); /* IE6-9 */
}
.btn2:hover {
  background-color:#bbc133; /* light green */
  background-image:         linear-gradient(bottom, rgb(180,189,0) 0%, rgb(212,219,0) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(180,189,0) 0%, rgb(212,219,0) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(180,189,0) 0%, rgb(212,219,0) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(180,189,0) 0%, rgb(212,219,0) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(180,189,0) 0%, rgb(212,219,0) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(180,189,0)),
  	color-stop(1, rgb(212,219,0))
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4db00', endColorstr='#b4bd00',GradientType=0 ); /* IE6-9 */
}
.btn2, .btn2.disabled:focus {
	border-color:#9da600; /* med green - Brightness lowered by 5% for contrast */
}
.btn2:focus {
	border-color:#858c00; /* dark green */
}

/* button 3 color */
.btn3, .btn3:active, .btn3.disabled:hover {
  background-color:#ff9d00; /* med orange */
  background-image:         linear-gradient(bottom, rgb(255,157,0) 0%, rgb(255,180,76) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(255,157,0) 0%, rgb(255,180,76) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(255,157,0) 0%, rgb(255,180,76) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(255,157,0) 0%, rgb(255,180,76) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(255,157,0) 0%, rgb(255,180,76) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(255,157,0)),
  	color-stop(1, rgb(255,180,76))
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb44c', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */
}
.btn3:hover {
  background-color:#ffb133; /* light orange */
  background-image:         linear-gradient(bottom, rgb(255,175,38) 0%, rgb(255,192,84) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(255,175,38) 0%, rgb(255,192,84) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(255,175,38) 0%, rgb(255,192,84) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(255,175,38) 0%, rgb(255,192,84) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(255,175,38) 0%, rgb(255,192,84) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(255,175,38)),
  	color-stop(1, rgb(255,192,84))
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc054', endColorstr='#ffaf26',GradientType=0 ); /* IE6-9 */
}
.btn3, .btn3.disabled:focus {
	border-color:#f29500; /* med orange - Brightness lowered by 5% for contrast */
}
.btn3:focus {
	border-color:#995e00; /* dark orange */
}

/* secondary colors */
.btn-sec {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.45), inset 0 1px 0 rgba(255,255,255,1);
     -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.45), inset 0 1px 0 rgba(255,255,255,1);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), inset 0 0 1px 1px rgba(255,255,255,.45), inset 0 1px 0 rgba(255,255,255,1);
}
.btn-sec, a.btn-sec, a.btn-sec:link, a.btn-sec:visited, a.btn-sec:hover, a.btn-sec:active {
  color: #555;
  text-shadow:0px 1px 0 rgba(255,255,255,.7);
}
.btn-sec, .btn-sec:link, .btn-sec:visited, .btn-sec.disabled:hover, .btn-sec:active {
  background-color:#e5e5e5;
  background-image:         linear-gradient(bottom, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(245,245,245) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(230,230,230)),
  	color-stop(1, rgb(245,245,245))
  );
}

.btn-sec:hover {
  background-color:#fff;
  background-image:         linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image:      -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image:    -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image:     -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(240,240,240)),
  	color-stop(1, rgb(255,255,255))
  );
}

/* button icons */
.btn1 img, .btn2 img, .btn3 img {
	vertical-align:text-top;
	margin:0px 8px 0px 0px;
	border:none;
}
.btn1.btn-lg img, .btn2.btn-lg img, .btn3.btn-lg img {
	margin-right:14px;
}

/* disabled state */
.btn1.disabled, .btn2.disabled, .btn3.disabled {
	cursor:default;
	/* IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter:alpha(opacity=50);
	/* Netscape */
	-moz-opacity:0.5;
	/* Safari 1.x */
	-khtml-opacity:0.5;
	/* Good browsers */
	-webkit-opacity:0.5;
	opacity:0.5;
}