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

	КНОПКИ


	Примеры использования:

	<button class="button">Preview</button>
	<a href="#" class="button">Preview</a>

	<button class="button button-primary">Save</button>

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

.button {
	display: inline-block;

	padding: 5px 20px;
	text-align: center;

	border: 1px solid #dfe3e8;
	border-radius: 3px;

	font-size: 13px;
	line-height: 15px;

	color: #4535353;

	background: #fbfcfc;
	background: -moz-linear-gradient(top,  #fbfcfc 0%, #f0f2f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f0f2f5));
	background: -webkit-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: -o-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: -ms-linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
	background: linear-gradient(top,  #fbfcfc 0%,#f0f2f5 100%);
    font-family:"Trebuchet MS", Arial, sans-serif;

	cursor: pointer;
	text-decoration: none;

	*margin-right: 5px;
}
.button:hover { text-decoration: none; background: #f0f2f5; }
.button:active {
	-moz-box-shadow: 	0 0 3px rgba(0, 0, 0, .3) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset;
	box-shadow: 		0 0 3px rgba(0, 0, 0, .3) inset;
}
.button.fl-r { *margin-right: 0; }

.opera .button { padding-top: 4px; padding-bottom: 5px; }


/* Button Primary */
.button.button-primary {
	background: #9ec667;
	background: -moz-linear-gradient(top,  #9ec667 0%, #679d2f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ec667), color-stop(100%,#679d2f));
	background: -webkit-linear-gradient(top,  #9ec667 0%,#679d2f 100%);
	background: -o-linear-gradient(top,  #9ec667 0%,#679d2f 100%);
	background: -ms-linear-gradient(top,  #9ec667 0%,#679d2f 100%);
	background: linear-gradient(top,  #9ec667 0%,#679d2f 100%);
    padding:10px 20px;
	margin: 0 5px;
    border:1px solid #84b547;
    font-weight:bold;

	color: #fff;
}
.button.button-primary:hover { background: #679d2f }


.button-adds { background:#f3f7ec; overflow:hidden; border-radius:6px; padding:20px }
.button-adds .fl-r { font-size:18px; }

/* Button Icon (Without text) */
.button.button-icon 			{ padding: 7px 10px; }


/* Button Write */
.button.button-write {
	background: #66cfff;
	background: -moz-linear-gradient(top,  #66cfff 0%, #2abcfe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cfff), color-stop(100%,#2abcfe));
	background: -webkit-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	background: -o-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	background: -ms-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);
	background: linear-gradient(top,  #66cfff 0%,#2abcfe 100%);

	border: 1px solid #27ace8;

	padding: 2px 15px 4px;
	border-radius: 15px;
	line-height: 17px;

	color: #fff;
	font-size: 11px;
}
.button.button-write:hover {
	background: #4ec4ff;
	background: -moz-linear-gradient(top,  #4ec4ff 0%, #22b3fe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4ff), color-stop(100%,#22b3fe));
	background: -webkit-linear-gradient(top,  #4ec4ff 0%,#22b3fe 100%);
	background: -o-linear-gradient(top,  #4ec4ff 0%,#22b3fe 100%);
	background: -ms-linear-gradient(top,  #4ec4ff 0%,#22b3fe 100%);
	background: linear-gradient(top,  #4ec4ff 0%,#22b3fe 100%);

	-webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset;
}


/* Button Small */
.button.button-small { font-size: 11px; padding: 1px 7px 3px; }


/* Button Action */
.button.button-action {
	border: none;
	padding: 4px 4px 3px;

	background: #c8f5ff;
	background: -moz-linear-gradient(top,  #c8f5ff 0%, #88c4ea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8f5ff), color-stop(100%,#88c4ea));
	background: -webkit-linear-gradient(top,  #c8f5ff 0%,#88c4ea 100%);
	background: -o-linear-gradient(top,  #c8f5ff 0%,#88c4ea 100%);
	background: -ms-linear-gradient(top,  #c8f5ff 0%,#88c4ea 100%);
	background: linear-gradient(top,  #c8f5ff 0%,#88c4ea 100%);
}
.button.button-action span { display: none; }
.button.button-action:hover span { display: inline; padding: 0 5px 0 5px; position: relative; top: -2px; color: #fff; }
.button.button-action.active,
.button.button-action:hover {
	border: 1px solid #2770e8;
	-webkit-box-shadow: 0 -1px 0 #128af3 inset, 0 2px 2px #ddd; box-shadow: 0 -1px 0 #128af3 inset, 0 2px 2px #ddd;
	color: #fff;
	padding: 3px 3px 2px;

	background: #228dfa;
	background: -moz-linear-gradient(top,  #228dfa 0%, #0362eb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#228dfa), color-stop(100%,#0362eb));
	background: -webkit-linear-gradient(top,  #228dfa 0%,#0362eb 100%);
	background: -o-linear-gradient(top,  #228dfa 0%,#0362eb 100%);
	background: -ms-linear-gradient(top,  #228dfa 0%,#0362eb 100%);
	background: linear-gradient(top,  #228dfa 0%,#0362eb 100%);
}
.button.button-action:hover i { vertical-align: top; position: relative; top: -1px; }

.button.button-action.button-action-add-friend:hover i { background-position: -147px -39px; }
.button.button-action.button-action-send-message:hover i { background-position: -163px -39px; }
.button.button-action.button-action-join.active i,
.button.button-action.button-action-join:hover i { background-position: -179px -39px; }

.button.button-action.button-action-note {
	background: #ccf4d0;
	background: -webkit-linear-gradient(top,  #e9fdea 0%,#ccf4d0 100%);
	background: -moz-linear-gradient(top,  #e9fdea 0%,#ccf4d0 100%);
	background: -o-linear-gradient(top,  #e9fdea 0%,#ccf4d0 100%);
	background: -ms-linear-gradient(top,  #e9fdea 0%,#ccf4d0 100%);
	background: linear-gradient(top,  #e9fdea 0%,#ccf4d0 100%);
	padding: 6px 6px 6px 7px;
}
.button.button-action.button-action-note:hover {
	background: #4ace56;
	background: -webkit-linear-gradient(top,  #6ce777 0%,#4ace56 100%);
	background: -moz-linear-gradient(top,  #6ce777 0%,#4ace56 100%);
	background: -o-linear-gradient(top,  #6ce777 0%,#4ace56 100%);
	background: -ms-linear-gradient(top,  #6ce777 0%,#4ace56 100%);
	background: linear-gradient(top,  #6ce777 0%,#4ace56 100%);
	border: none;
	box-shadow: none; -webkit-box-shadow: none;
	padding: 6px 6px 6px 7px;
	cursor: default;
}
.button.button-action.button-action-note i { display: block; }
.button.button-action.button-action-note:hover i { top: 0; background-position: -46px -65px; }
/*
     FILE ARCHIVED ON 21:17:43 Oct 14, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:41:48 Nov 17, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 44.807 (3)
  esindex: 0.006
  captures_list: 59.808
  CDXLines.iter: 9.519 (3)
  PetaboxLoader3.datanode: 45.601 (4)
  exclusion.robots: 0.137
  exclusion.robots.policy: 0.128
  RedisCDXSource: 3.407
  PetaboxLoader3.resolve: 28.995
  load_resource: 60.229
*/