/* -------------------------------------------------------------------
	
	КНОПКИ
	
	
	Примеры использования:
	
	<button class="button">Preview</button>
	<a href="#" class="button">Preview</a>
	
	<button class="button button-primary">Save</button>
	
------------------------------------------------------------------- */

.button {
	display: inline-block;
	
	padding: 4px 10px 6px;
	*padding: 4px 10px 4px;
	text-align: center;
	
	border: 1px solid #dfdfdf;
	
	font-size: 13px;
	line-height: 15px;
	
	color: #969696;
	
	background: #dfdfdf;

	font-family: Verdana, sans-serif;
	cursor: pointer;
	text-decoration: none;
	
	*margin-right: 5px;
}
.button:hover { text-decoration: none; background: #c8c8c8; border: 1px solid #c8c8c8; }
.button:active { 
	-moz-box-shadow: 	0 2px 4px rgba(0, 0, 0, .15) inset; 
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15) inset; 
	box-shadow: 		0 2px 4px rgba(0, 0, 0, .15) inset; 
}
.button.fl-r { *margin-right: 0; }

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


/* Button Primary */
.button.button-primary { background: #4e729d; border: 1px solid #4e729d; color: #fff; }
.button.button-primary:hover { background: #436793; border: 1px solid #436793; }


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


/* Button Write */
.button.button-write { background: #4e729d; border: 1px solid #4e729d; padding: 2px 15px 4px; line-height: 17px; color: #fff; font-size: 11px; }
.button.button-write:hover { background: #436793; border: 1px solid #436793; }


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


/* Button Action */
.button.button-action { border: 1px solid #dfdfdf; padding: 4px 4px 3px; background: #dfdfdf; }
.button.button-action span { display: none; padding: 0 5px 0 5px; position: relative; top: -1px; }
.button.button-action:hover span { display: inline; }
.button.button-action i { vertical-align: top; position: relative; }
.button.button-action.active, 
.button.button-action:hover { border: 1px solid #4e729d; color: #fff; background: #4e729d; }

.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: #41bb19; border: 1px solid #41bb19; padding: 6px 6px 6px 7px; }
.button.button-action.button-action-note:hover { background: #379f15; border: 1px solid #379f15; padding: 6px 6px 6px 7px; cursor: default; }
.button.button-action.button-action-note i { display: block; background-position: -46px -65px; }
.button.button-action.button-action-note:hover i { background-position: -46px -65px; }