@charset "UTF-8";

/* Browse Music Styles */

#browse-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-left: 3px;
	background: url(images/site/background-browse.png) top left no-repeat;
}

.browse-box { width: 895px; font-size: 22px; padding-top: 5px; padding-left: 81px; clear: both; }

.browse-box p { padding-top: 9px; }

.browse-box a:link, .browse-box a:visited { text-decoration: underline; font-size: 12px; color: #07a5fb; }

.browse-box a:hover, .browse-box a:active { text-decoration: underline; font-size: 12px; color: #2c80ae; }

.browse-box label { float: left; text-align: left; display: block; width: 195px; font-size: 18px; color: #2c80ae; }

.browse-box  select { float: left; margin: 1px 0 20px 10px; width: 125px; }

.result-check { font-size: 14px; text-align: center; border: none; }

.result-check input { font-size: 14px; text-align: center; border: none; background: none; }

.form-center { width: 54%; margin-left: auto; margin-right: auto; }

.browse-box form { padding: 10px; margin-top: 20px; font-size: 20px; color: #2c80ae; background: #ecf9ff; width: 100%; }

.browse-box option { padding: 2px; }

.browse-box button {
	/*float: left;
	margin-left: 306px;
	width: 125px;*/
	padding: 3px;
	height: 25px;
	background: #07a5fb;
	text-align: center;
	line-height: 25px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	margin-left: 1px;
}

.browse-box button:hover, .browse-box button:active { background: #2c80ae; color: #fff; text-decoration: underline; }

#results-wrap { width: 895px; padding-left: 10px; padding-top: 20px; margin-left: 40px; }

.results-box { width: 420px; padding: 8px 0px 10px 8px; margin-top: 10px; font-size: 16px; background: #ecf9ff; color: #07a5fb; float: left; }

.results-box strong { color: #3082ac; text-decoration: underline; font-weight: normal; }

.results-box strong:hover, .results-box strong:active { color: #0c8cd2; text-decoration: underline; font-weight: normal; }

.results-box a:link, .results-box a:visited { height: 100%; text-decoration: none; display: block; color: #07a5fb; width: 98%; }

.results-box a:hover, .results-box a:active { background: #fff; text-decoration: none; width: 98%; }

.results-box2 { width: 420px; padding: 8px 0px 10px 8px; margin-top: 10px; font-size: 16px; color: #07a5fb; float: right; }

#results-wrap h1 { font-size: 22px; color: #2c80ae; margin-left: -40px; }

#results-wrap h1 em { color: #07a5fb; font-weight: bold; }

.results-artist { font-size: 20px; font-weight: bold; }

#results-wrap p { color: #000; }

/* Result Link Styles */

.list-link a:link, .list-link a:visited { text-decoration: none; width: 100%; height: 100%; color: #07a5fb; display: block; }

.list-link a:hover, .list-link a:active { color: #fffff5; background: #2c80ae; }

.search-link { font-size: 16px; text-align: center; margin-top: 10px; }

.search-link a:link, .search-link a:visited { font-size: 16px; color: #009cd6; text-decoration: underline; }

.search-link a:hover, .search-link a:active { text-decoration: underline; color: #3082ac; }

/* Artist Styles */

.album-box { width: 895px; font-size: 22px; padding-top: 5px; padding-left: 31px; clear: both; }

.album-box p { padding-top: 9px; }

.album-left a:link, .album-left a:visited { text-decoration: underline; font-size: 12px; color: #07a5fb; }

.album-left a:hover, .album-left a:active { text-decoration: underline; font-size: 12px; color: #2c80ae; }

.album-box label { float: left; text-align: left; display: block; width: 195px; font-size: 18px; color: #2c80ae; }

.album-box  select { float: left; margin: 1px 0 20px 10px; width: 125px; }

.album-box button {
	/*float: left;
	margin-left: 306px;*/
	width: 160px;
	padding: 3px;
	height: 25px;
	background: #07a5fb;
	text-align: center;
	line-height: 25px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	margin-left: 1px;
}

.album-box button:hover, .album-box button:active { background: #2c80ae; color: #fff; text-decoration: underline; }

.album-left { width: 210px; float: left; position: relative; margin: 0 auto; font-size: 14px; color: #000; padding: 5px; background: #ecf9ff; }
.album-left-cart { width: 210px; float: left; position: relative; margin: 0 auto; font-size: 14px; color: #000; padding: 5px; }

.album-left button {
	/*float: left;
	margin-left: 306px;*/
	width: 100%;
	padding: 3px;
	height: 45px;
	background: #07a5fb;
	text-align: center;
	line-height: 20px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border: none;
	margin-left: 1px;
	margin-bottom: 10px;
}

.album-left h1 { font-weight: bold; font-size: 18px; color: #07a5fb; padding-bottom: 10px; }

.album-left .tiny { font-size: 10px; font-weight: bold; clear: both; }

.album-left .tiny strong { font-weight: normal; text-decoration: underline; }

.album-right { width: 650px; float: right; position: relative; margin: 0 auto; font-size: 16px; color: #000; }

.album-right h1 { font-weight: bold; font-size: 24px; color: #3082ac; padding-bottom: 10px; }

.album-right .tiny { font-size: 10px; }

.view-box { width: 300px; padding: 8px 0px 10px 8px; margin-top: 10px; font-size: 16px; background: #ecf9ff; color: #07a5fb; float: left; }

.view-box strong { color: #3082ac; text-decoration: underline; font-weight: normal; }

.view-box strong:hover, .view-box strong:active { color: #0c8cd2; text-decoration: underline; font-weight: normal; }

.view-box a:link, .view-box a:visited { width: 100%; height: 100%; text-decoration: none; display: block; color: #07a5fb; width: 98%; }

.view-box a:hover, .view-box a:active { background: #fff; text-decoration: none; width: 98%; }

.view-box2 { width: 300px; padding: 8px 0px 10px 8px; margin-top: 10px; font-size: 16px; color: #07a5fb; float: right; }