/*button*/
.txt {
position: relative;
float:left;
/*display: inline-block;*/
border: 0;
padding: 4px 5px;
text-align: center;
height: 22px
}

.btn {
position: relative;
display: inline-block;
border: 0;
padding: 5px 15px;
text-align: center;
}

.txt.small,
.btn.small, 
.btn-two.small, 
.btn-one.small,
.btn-gradient.small, 
.btn-effect.small {padding: 3px 3px;font-size: 13px;float:left;}

.txt.mini,
.btn.mini, 
.btn-two.mini, 
.btn-one.mini, 
.btn-gradient.mini, 
.btn-effect.mini {padding: 2px 2px;font-size: 11px;float:left;}

/*color*/
.txt.white 		{color:#606060;border:solid 1px #c3c3c3;background:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed')}
.txt.whitegray 	{color:#606060;border:solid 1px #979797;background:#f1f1f1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed')}
.txt.gray 		{color:#e9e9e9;border:solid 1px #555555;background:#b2b2b2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#575757')}
.txt.lightgray 	{color:#e9e9e9;border:solid 1px #555555;background:#eeeeee;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#575757')}
.txt.darkgray 	{color:#e9e9e9;border:solid 1px #555555;background:#888888;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#575757')}

.txt.ivory 		{color:#464646;border:solid 1px #979797;background:#fffbeb;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed')}
.txt.lemon 		{color:#464646;border:solid 1px #555555;background:#fff3bc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed')}
.txt.yellow 	{color:#464646;border:solid 1px #464646;background:#ffeb89;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#575757')}


.btn-one.red, .btn-two.red       			{background-color: #fa5a5a;}
.btn-one.orange, .btn-two.orange 			{background-color: #fa965a;}
.btn-one.lemon, .btn-two.lemon 				{background-color: #fff3bc;}
.btn-one.yellow, .btn-two.yellow 			{background-color: #ddc058;}
.btn-one.green, .btn-two.green   			{background-color: #9abf7f;}
.btn-one.jade, .btn-two.jade   				{background-color: #62ad77;}
.btn-one.cyan, .btn-two.cyan     			{background-color: #7fccde;}
.btn-one.blue, .btn-two.blue     			{background-color: #7fb1bf;}
.btn-one.navy, .btn-two.navy     			{background-color: #6576b0e0;}
.btn-one.purple, .btn-two.purple 			{background-color: #cb99c5;}
.btn-one.pink, .btn-two.pink 				{background-color: #e78aab;}
.btn-one.brown, .btn-two.brown 				{background-color: #5222228f;}

.btn-one.black, .btn-two.black   			{background-color: #636363;}
.btn-one.darkgray, .btn-two.darkgray  		{background-color: #888888;}
.btn-one.gray, .btn-two.gray     			{background-color: #b2b2b2;}
.btn-one.lightgray, .btn-two.lightgray  	{background-color: #eeeeee;}
.btn-one.white, .btn-two.white   			{background-color: #ffffff;}
.btn-one.ivory, .btn-two.ivory       		{background-color: #fffbeb;}

.btn-one {
color: #404040; 
padding: 15px 25px;
display: inline-block;
border: 1px solid rgba(0,0,0,0.21);
border-bottom-color: rgba(0,0,0,0.34);
/*text-shadow:0 1px 0 rgba(0,0,0,0.15);*/
box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
			0 2px 0 -1px rgba(0,0,0,0.0.08), 
			0 3px 0 -1px rgba(0,0,0,0.0.05), 
			0 3px 13px -1px rgba(0,0,0,0.0.11);
}
.btn-one:active {
top: 1px;
border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
position: relative;
}

.btn-two {
color: white; 
padding: 15px 25px;
display: inline-block;
border: 1px solid rgba(0,0,0,0.21);
border-bottom-color: rgba(0,0,0,0.34);
/*text-shadow:0 1px 0 rgba(0,0,0,0.15);*/
box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
			0 2px 0 -1px rgba(0,0,0,0.08), 
			0 3px 0 -1px rgba(0,0,0,0.05), 
			0 3px 13px -1px rgba(0,0,0,0.11);
}
.btn-two:active {
top: 1px;
border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
position: relative;
}

.btn:active {top: 4px;}
.rounded {border-radius: 10px;}