/*
 * Grape - Professional & Flexible Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Generic Buttons
 * 2) Image Buttons
 * 3) Username Button
 * 4) Footer
 */

/* ==================================================
 * 1) Generic Buttons
 * ================================================== */

.button {
	background: url("../images/button-blue.png") repeat-x scroll 0 0 #2c78b4;
	border-radius: 20px 20px 20px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #111111;
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	height: 14px;
}

input[type="submit"].button {
	height: 26px;
}

.button:hover {
	background: url("../images/button-blue.png") repeat-x scroll 0 -24px #308ac3;
	color: #fff !important;
	text-decoration: none;
}

.button:active {
	background: url("../images/button-blue.png") repeat-x scroll 0 -48px #16aaea;
}

.button.red { background: url("../images/button-red.png") repeat-x scroll 0 0 #6b352b; }
.button.red:hover { background: url("../images/button-red.png") repeat-x scroll 0 -24px #0ec3ea; }
.button.red:active { background: url("../images/button-red.png") repeat-x scroll 0 -48px #51f1ff; }







/* ==================================================
 * 2) Image Buttons
 * ================================================== */

.btn-info {
	background: url("../images/info.png") no-repeat scroll 0 0 transparent;
	height: 20px;
	width: 20px;
	position: relative;
	margin-left: -10px;
	margin-top: 10px;
	float: left;
}

.btn-info:hover {
	background-position: 0px -20px;
}

.arrow-link-down {
	background: url("../images/arrow-down.png") no-repeat scroll center right transparent;
	padding-right: 20px;
}

.arrow-link-down:hover {
	background: url("../images/arrow-down-hover.png") no-repeat scroll center right transparent;
}






/* ==================================================
 * 3) Username Button
 * ================================================== */

.user-button {
	background: url("../images/shine-effect.png") repeat-x scroll top left #1b5294;
	border: 1px solid #04294f;
	border-radius: 3px 3px 3px 3px;
	position: relative;
	float: left;
	display: inline-block;
	padding: 3.5% 3.5%;
}

.user-button:hover {
	background: url("../images/shine-effect.png") repeat-x scroll top left #2166b3;
}

.user-button:active {
	top: 1px;
}

.user-button a {
	display: block;
}







/* ==================================================
 * 4) Footer
 * ================================================== */

#footer a.top {
	background: url("../images/top-hover.png") no-repeat scroll 0 0 transparent;
	height: 48px;
	width: 48px;
	display: block;
	margin-left: 5px;
	padding-top: 3px;
}

#footer a.top:hover {
	background-position: 0 -48px;
}














