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

.button {
    background: none repeat scroll 0 0 #999;
    border-radius: 4px 4px 4px 4px;
    border-style: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-shadow: none;
    padding: 9px 15px 8px 15px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.5s ease 0s;
    display: inline-block;
    text-shadow: none;
}
.button:hover {
    background: none repeat scroll 0 0 #666;
    color:#fff!important;
    text-decoration: none!important;
    text-shadow: none!important;
}
.button.fl-r { *margin-right: 0; }


/* Button Primary */
.button.button-primary {
    background: none repeat scroll 0 0 #00B5E0;
    border-radius: 4px 4px 4px 4px;
    border-style: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 9px 15px 8px 15px;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
.button.button-primary:hover 	{ background: #019DC3 !important; }

.button.button-green {
    background-color: #AECB06;
    border-radius: 4px 4px 4px 4px;
    border-style: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 9px 15px 8px 15px;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
.button.button-green:hover {
    background-color: #92ae06;
}

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