/*
Style Pack Name: Sweet & Simple
Style Pack URI: http://www.mybookprogress.com/
Description: A bright, clean style, designed for attractive websites like yours.
Author: Author Media
Author URI: http://www.authormedia.com
Version: 1.0.1
*/

/*---------------------------------------------------------*/
/* Subscribe Form                                          */
/*---------------------------------------------------------*/

.mbp-container a.mbp-subscribe {
	display: inline-block;
	padding: 0.3em 0.6em 0.35em;
	margin: 10px 0 0 0;

	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;

	border-radius: 0.5em;
	cursor: pointer;
	text-decoration: none;
	outline: 0;

	background: #E8E8E8;
	border-bottom: 0.25em solid #C9C9C9;
	color: #505050 !important;

	box-shadow: 0 1px 4px rgba(0,0,0,0.6);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	transition: background 0.3s, border-bottom 0.3s, color 0.3s;
}
.mbp-container a.mbp-subscribe:hover {
	background: #F5F5F5;
	border-bottom: 0.25em solid #D6D6D6;
	color: #5D5D5D !important;

	text-decoration: none;
	outline: 0;
	opacity: 1;
}

.mbp-container .mbp-subscribe-form {
	color: #5e5e5e;
	background-color: #eee;
	padding: 5px;
	box-sizing: border-box;

	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
}

.mbp-container .mbp-subscribe-form .mbp-subscribe-message {
	padding: 0.7em 0.9em;
	font-weight: bold;
}



/*---------------------------------------------------------*/
/* Progress Display                                        */
/*---------------------------------------------------------*/

.mbp-container .mbp-book .mbp-book-progress .mbp-book-progress-barbg {
	background-color: #eee;
	height: 30px;
	padding: 5px;
	border: none;

	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
	transition: background-color 0.3s;
}

.mbp-container .mbp-book .mbp-book-progress .mbp-book-progress-bar {
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(255, 255, 255, .5) inset, -1px -1px 2px rgba(0, 0, 0, .1) inset;

	background-color: #777;
	background-size: 30px 30px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.mbp-container .mbp-book .mbp-book-progress .mbp-book-progress-label {
	height: 28px;
	padding: 0 5px;
	margin-left: 8px;
	margin-top: -4px;

	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	color: #444;
	text-shadow: 0px -1px 0px #eee, 0px 1px 1px #eee;

	background: #E8E8E8;
	background: linear-gradient(to bottom,  #f6f6f6 0%, #dadada 100%);
	border-radius: 6px;
	border: 1px solid rgba(150,150,150,0.2);
}