* {margin:0;padding:0;}
.clearfix:after {content:'';display:table;clear:both;height:0;width:0;opacity:0;}

body {font-family:'Roboto';font-size:15px;background-color:transparent;color:#333;}
a {color:#7b22aa;display:inline-block;font-weight:bold;}
.pull-right {float:right;}

.artistItemList {position:relative;z-index:1;}

.courseItem {float:left;width:150px;text-align:center;cursor:pointer;margin:20px 0 0 20px;height:280px;position:relative;}
	.courseItem:hover {opacity:.7;}
.courseItemThumbnail {width:150px;margin:0 auto;height:230px;}
.courseItemTitle {display:block;margin-top:5px;line-height:20px;height:40px;overflow:hidden;}
.courseItemActive:after {position:absolute;top:0;left:0;width:150px;height:230px;background-color:rgba(255,255,255,.3);content:'';}

.artistItemDetails {position:absolute;top:0;left:0;z-index:2;display:none;width:100%;height:100%;background-color:transparent;overflow-x:hidden;}
.artistItemDetailsTop {background-color:transparent;height:320px;width:100%;}
	.artistItemDetailsTop td {position:relative;width:100%;}
	.artistItemDetailsTop td:before {position:absolute;content:'';left:50%;margin-left:-10px;border:10px solid rgba(0,0,0,.5);border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;
																		 bottom:0px;height:0;width:0;}
.artistItemDetailsTopIn {position:absolute;height:280px;top:0;left:50%;width:99999px;}

.artistItemDetailsTopLeft, .artistItemDetailsTopRight {position:absolute;width:50px;text-align:center;line-height:320px;z-index:3;font-size:30px;top:0;cursor:pointer;background-position:center;background-repeat:no-repeat;height:320px;}
.artistItemDetailsTopLeft {left:0;background-image:url('/inc/img/artist_arrow_left.png');}
.artistItemDetailsTopRight {right:0;background-image:url('/inc/img/artist_arrow_right.png');}

.artistItemDetailsBottom {background-color:rgba(0,0,0,.5);color:white;}
	.artistItemDetailsBottom td {position:relative;vertical-align:top;}
	.artistItemDetailsBottomIn {top:0;left:0;width:100%;height:100%;overflow:hidden;overflow-y:scroll;}
		.artistItemDetailsBottomInIn {padding:20px;}
.artistItemDetailsCloseButton {position:absolute;top:20px;right:20px;font-size:20px;opacity:.7;cursor:pointer;height:20px;line-height:20px;}
	.artistItemDetailsCloseButton:hover {opacity:1;}
.artistItemDetailsTitle {font-weight:bold;font-size:20px;margin-bottom:20px;min-height:20px;line-height:20px;}

.artistItemDetailsContent {width:70%;float:left;}
.artistItemDetailsYoutube {}
.artistItemDetailsYoutube iframe {width:100%;margin-bottom:20px;}
.artistItemDetailsDescription {}
	.artistItemDetailsDescription h3 {margin-top:20px;margin-bottom:10px;}
	.artistItemDetailsDescription p {margin-bottom:15px;}

.artistItemDetailsSidebar {width:30%;float:right;padding-top:40px;}
.artistItemStoreButton {margin-bottom:20px;padding-left:20px;}
	.artistItemStoreButton a {background-color:#7b22aa;color:white;display:block;height:45px;border-radius:4px;text-align:center;line-height:45px;font-size:18px;text-decoration:none;margin-top:5px;}
		.artistItemStoreButton a:hover {opacity:.7}
.artistItemDetailsIncludedHeader {font-size:18px;padding-left:20px;margin-bottom:5px;}
.artistItemDetailsIncludedRow {padding-left:20px;font-size:13px;}

@media (max-width: 449px) {
	.artistItemDetailsYoutube iframe {height:300px;}
	.artistItemDetailsContent {width:100%;float:none;}
	.artistItemDetailsSidebar {width:100%;float:none;padding-top:20px;}
	.artistItemStoreButton {padding-left:0;}
}
@media (min-width: 450px) and (max-width: 767px) {
	.artistItemDetailsYoutube iframe {height:300px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.artistItemDetailsYoutube iframe {height:340px;}
}
@media (min-width: 992px) and (max-width: 1999px) {
	.artistItemDetailsYoutube iframe {height:420px;}
}
@media (min-width: 1200px) {
	.artistItemDetailsYoutube iframe {height:500px;}
}