﻿.yincang{ visibility:hidden;}
	.button2 { background: #222 url(../playground/images/overlay-button2.html) repeat-x 0 0; display: inline-block; padding: 5px 15px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
	button2::-moz-focus-inner { border: 0; padding: 0; }	
	.button2:hover { background-color: #111; color: #fff; }
	.button2:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
	/* Small Buttons */
	.small.button2 { font-size: 11px; }
	/* large2 Buttons */
	.large2.button2 { font-size: 14px; padding: 8px 19px 9px; }
	/* Colors for our beloved buttons */
	.green.button2 { background-color: #91bd09; }
	.green.button2:hover { background-color: #749a02; }
	.blue.button2 { background-color: #2daebf; }
	.blue.button2:hover { background-color: #007d9a; }
	.red.button2 { background-color: #e33100; }
	.red.button2:hover { background-color: #872300; }
	

	.orange.button2 { background-color: #ff5c00; }
	.orange.button2:hover { background-color: #d45500; }
	.orangellow.button2 { background-color: #ffb515; }
	.orangellow.button2:hover { background-color: #fc9200; }
	.white.button2 { background-color: #fff; border: 1px solid #ccc; color: #666 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,1); }
	.white.button2:hover { background-color: #eee; }

		@-webkit-keyframes greenPulse {
		  from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
		  to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes bluePulse {
		  from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf; }
		  to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes redPulse {
		  from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
		  to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
		}

		

		a.button2 {
			-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite; 
		}
		.green.button2 { -webkit-animation-name: greenPulse; -webkit-animation-duration: 3s; }
		.blue.button2 { -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s; }
		.red.button2 { -webkit-animation-name: redPulse; -webkit-animation-duration: 1s; }
		