@CHARSET "UTF-8";
@IMPORT url(../common/albums-list.css);
@IMPORT url(../common/songs-list.css);

	/**
	 *	 * @btn play buy
	 *	 * @wire-more
	 *   * @Slider
	 *   * @banner
	 *		banner titles and buttons
	 *   * @section
	 *		header
	 *		album properties
	 *		donation-type... fairplay etc
	 * 		album action buy|play
	 *		tab
	 *   * @aside
	 *		social links
	 *		album-properties-definition-list
	 *   * @aside-album-rating
	 *   * @tab-info
	 *   * @tab-more
	 *		info-panel
	 *			info-panel .albums-info-dates
	 *			info-panel .albums-info-reviews
	 *			info-panel .albums-info-likes
	 *   * @review-form
	 *		review-slider
	 *   * @review-list
	 *		empty state
	 *   * @review-item
	 *		different background colors for different ranking
	 *		zebra review list
	 *		avatar 
	 *		section 
	 *		header 
	 *		footer 	
	 *	* @restricted
	 *
	 *
	 * rgb(27,27,27) - wrapper background, table row border
	 * rgb(18,18,18) - box background
	 * rgb(14,14,14) - banner
	 * rgb(61,61,61) - empty state text
	 * rgb(110,110,110) - text,
	 * rgb(80,80,80) - borders
	 * rgb(255,255,255)
	 * rgb(12,20,5) - helpful:hover
	 * rgb(21,5,5) - dreadful:hover
	 *
	 * rgb(200,200,200) - social link color
	 * rgb(197,144,100) - social link color:hover
	 *
	 * rgb(0,0,0) - high
	 * rgb(12,12,12) - neutral
	 * rgb(15,15,15) - low
	 *
	 * rgb(244,1,69) - red text
	 * rgb(255,255,102) - yellow text
	 * rgb(77,189,91) - green text
	 * rgb(187, 144, 100) - that golden link col'a
	 *
	 * rgb(112,112,112) - info bg inactive
	 * rgb(235,119,34) - info bg active
	 *
	 * rgb(37,37,37) - info panel bg color
	 * rgb(62,62,62) - info panel separator
	 */


	/**
	 * @btn play buy
	 */
	/* =head-buy */
	div#album-header a.btn-buy,
	div#album-header a.btn-buying,
	div#album-header a.btn-bought,
	div#album-header a.btn-buy-cart{
		background-image: url(../../gfx/icon-buyalbum.png);
		background-repeat: no-repeat;
		background-position: center -11px;
		display: block;
		width: 90px;
		height: 22px;
		text-indent: -999px;
	}
	div#album-header a.btn-buy:hover{ background-position: center -55px; }
	div#album-header a.btn-buying{ background-position: center -212px; cursor: default; }
	div#album-header a.btn-bought{ background-position: center -160px; cursor: default; }
	div#album-header a.btn-buy-cart{ background-position: center -100px; cursor: default; }
	 
	
	span.rating-value{
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		color: rgb(255,255,255);
		display: block;
		padding: 2px 8px;
		text-shadow: rgb(70, 70, 70) 1px 1px;
	}
	
	.ilike-count-label{ font-style: normal; }
	
	/**
	 * @wire-more
	 *
	 */
	a.wire-more{
		display: block;
		width: 100px;
		margin: 20px auto;
		background: rgb(25,25,25);
		padding:10px 35px 10px 35px;
		padding: 10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		text-align: center;
	}
	.wire-more:hover{
		background: rgb(35,35,35);
		color: rgb(255,255,255) !important;
	}
	a.wire-more-loading{
		display: block;
		width: 100px;
		margin: 20px auto;
		background-color: #121212;
		background-image:url(../../gfx/icon-loading.gif);
		background-repeat: no-repeat;
		background-position: center 1px;
		text-indent:-9999px;/*Hide Text, keep for SEO*/
		padding: 10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		text-align: center;
	}	
	
	textarea[name=report]{ width: 95%; height: 150px; }
	
    /**
     * @Slider
     */
    #album-section .ui-slider-horizontal,
    #album-aside .ui-slider-horizontal{background-image: url(../../gfx/bg-heatmeter.png);height: 18px;}
    #album-section .inactive .ui-slider-horizontal,
    #album-aside .inactive .ui-slider-horizontal{background-position: 0 -18px;}
    #album-section a.ui-slider-handle,
    #album-aside a.ui-slider-handle{background: url(../../gfx/bg-heatmeter-handel.png);width: 15px;height: 11px;margin-left: -8px;}
    #album-section .ui-state-focus,
    #album-aside .ui-state-focus{ border: none; }
	
	/**
	 * @banner
	 *
	 */
	#album-banner{ background: rgb(14,14,14);  padding: 12px 20px; margin-bottom: 20px; }
	#album-banner li h2{ margin-top: 4px; }
	
	/* banner titles and buttons */
	#album-banner ul{ margin: 0; padding: 0; list-style-type: none; }
	#album-banner ul:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html #album-banner ul,*:first-child+html #album-banner ul{zoom: 1}
	#album-banner ul li{ float: left; }
	#album-banner ul li h2{ }
	#album-banner ul li a{ margin: 0 20px; }
	
	
	/**
	 * @section
	 *
	 */
	#album-section{ }
	
	/* =header */
	div#album-header{ margin-bottom: 20px; }
	div#album-header:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; }
	* html div#album-header,*:first-child+html div#album-header{zoom: 1}
	div#album-header > img{ height: 220px; width: 220px; background: rgb(18,18,18); float: left; }
	div#album-header > div{ float: right; background: rgb(18,18,18); width: 428px; height: 188px; padding: 16px 16px 16px 20px; position: relative; }
	div#album-header h3{ font-size: 150%; font-weight: normal; margin: 0; padding: 0; }
	div#album-header h4{ font-size: 102%; font-weight: normal; margin-top: 2px; }
	div#album-header p{ color: rgb(110,110,110); font-size: 93%; line-height: 1.7; }
	div#album-header a.btn-play{ margin-left: 15px; color: rgb(255,255,255); }
	
	/* =album properties */
	div#album-header dl{ margin: 15px 0; padding: 0; }
	div#album-header dl:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html div#album-header dl,*:first-child+html div#album-header dl{zoom: 1}
	div#album-header dl dt,
	div#album-header dl dd{ margin: 0; padding: 0 5px 0 0; }
	div#album-header dl dt{ float: left; clear: both; font-weight: bold;  }
	
	/* =donation-type... fairplay etc */
	div#album-header ul.donation-type-list{ position: absolute; top: 20px; right: 20px; margin: 0; padding: 0; list-style-type: none; }
	div#album-header ul.donation-type-list:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; }
	div#album-header ul.donation-type-list li{ float: left; }
	div#album-header ul.donation-type-list li.charity{ background: url(../../gfx/Charity_Album.png) no-repeat center; width: 38px; height: 44px; padding-right: 20px;}
	div#album-header ul.donation-type-list li.fairplay{ background: url(../../gfx/FairPlay_Album.png) no-repeat center; width: 38px; height: 44px; }
	
	div#album-header ul.donation-type-list li.charity *,
	div#album-header ul.donation-type-list li.fairplay *{ text-indent: 0;  }
	
	div#album-header ul.donation-type-list li.charity div.popup{ margin-left: -190px; margin-top: 30px; }
	div#album-header ul.donation-type-list li.fairplay div.popup{ margin-left: -200px; margin-top: 30px; }
	
	/* =album action buy|play */
	div#album-header ul.album-action-list{ position: absolute; bottom: 20px; left: 20px; margin: 0; padding: 0; list-style-type: none; }
	div#album-header ul.album-action-list:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; }
	div#album-header ul.album-action-list li{ float: left; }

	
	/**
	 * @aside
	 *
	 */
	div#album-aside{}
	
	/* =social links */
	div#album-aside a#lnk-share-facebook,
	div#album-aside a#lnk-artist-profile{ 
		display: block; 
		background-color: rgb(18,18,18); 
		padding: 10px 10px 10px 35px;
		margin: 0 0 2px 0;
		background-repeat: no-repeat;
		background-position: 10px center; 
		color: rgb(255,255,255);
	}
	div#album-aside a#lnk-share-facebook{ background-image: url(../../gfx/footericon_facebook.png); }
	div#album-aside a#lnk-artist-profile{ background-image: url(../../gfx/footericon_profile.png); }
	div#album-aside a#lnk-share-facebook,
	div#album-aside a#lnk-artist-profile{color: rgb(200,200,200);}
	div#album-aside a#lnk-share-facebook:hover,
	div#album-aside a#lnk-artist-profile:hover{ color: rgb(197,144,100); }
	
	/*=album-properties-definition-list */
	div#album-aside ul{ list-style-type: none; font-size: 93%; background-color: rgb(18,18,18); margin: 0 0 2px 0; padding: 10px; color: rgb(200,200,200); }
	div#album-aside ul li{ padding: 2px 0; }
	div#album-aside ul li span{ font-weight: bold; }

	
	/**
	 * @aside-album-rating
	 *
	 */
	div#album-aside div#album-rating{
		background-color: rgb(18,18,18); 
		margin: 20px 0;
		padding: 20px 0 10px 0;
	}
	div#album-aside div#album-rating span{ font-size: 93%; display: block; }
	div#album-aside div#album-rating span.rating-value{ font-size: 180%; margin: 0 20px; float: left; }
	div#album-aside div#album-rating hr{ clear: both; border: none; border-bottom: 1px solid rgb(27,27,27); border-top:1px solid rgb(0,0,0); height: 0;  }
	
	div#album-aside div#album-rating h4.slider-rating-label,
	div#album-aside div#album-rating h4.slider-rating-value{ margin: 0 20px 25px 20px; }
	div#album-aside div#album-rating h4.slider-rating-label{ float: left;}
	div#album-aside div#album-rating h4.slider-rating-value{ float: right;}
	
	div#album-aside div#album-aside-slider{ margin: 20px 21px 20px 22px; clear: both; }
	
	

	
	
	/**
	 * @tab-info
	 *
	 */
	div#info{ border-radius:0; }
	div#info:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html div#info,*:first-child+html div#info{zoom: 1}
	div#info > div{ width:60%; float: left;  line-height: 1.7; border-right: 1px solid rgb(27,27,27); padding-right: 20px; margin-right:10px;  font-size: 93%;  }
	div#info > div h2{ margin-bottom: 20px; font-weight: normal; }
	
	div#info ul{ list-style-type: none; font-size: 93%; background-color: rgb(18,18,18); margin: 0; padding: 0; float: left;  }
	div#info ul li{ padding: 2px 0; margin: 0; }
	div#info ul li span{ font-weight: bold; }
	
	/**
	 * @tab-more
	 *
	 */
	div#more{ border-radius:0; }


	/**
	 * @review-form
	 *
	 */
	div#album-review-form{ background: rgb(18,18,18); margin: 20px 0; padding: 20px; }
	
	div#album-review-form > h3{ margin-bottom: 10px; font-size: 115%; font-weight: normal; }
	div#album-review-form span{ color:rgb(110,110,110); font-size: 93%; display: block; margin: 7px 0; }
	
	div#album-review-form fieldset{ margin: 0; padding: 0; }
	div#album-review-form fieldset.set-box{ float: left; }
	div#album-review-form fieldset.set-box textarea{ width: 410px; height: 96px; max-width: 410px; margin: 0; font-family: Helvetica; font-size: 12px; }
	div#album-review-form fieldset.set-rate{ float: right; }
	div#album-review-form fieldset.set-submit{ clear: both; }
	div#album-review-form fieldset.set-submit:after{ content: '.';display: block;clear: both;visibility: hidden; height: 0; width: 0; }
	* html div#album-review-form fieldset.set-submit,*:first-child+html div#album-review-form fieldset.set-submit{zoom: 1}
	
	div#album-review-form fieldset.set-submit span{ float: left; }
	div#album-review-form fieldset.set-submit span.info{ color: rgb(255,255,102); }
	div#album-review-form fieldset.set-submit span.error{ color: rgb(244,1,69); }
	
	div#album-review-form fieldset.set-submit input{ float: right; }
	
	div#album-review-form fieldset.set-rate h4.slider-rating-label,
	div#album-review-form fieldset.set-rate h4.slider-rating-value{margin-bottom: 25px;}
	div#album-review-form fieldset.set-rate h4.slider-rating-label{float: left;}
	div#album-review-form fieldset.set-rate h4.slider-rating-value{float: right;}
	div#album-review-form fieldset.set-rate #album-form-slider{ clear: both; }
	
	/* =review-slider */
	div#album-review-form div.album-rating-container{ 
		background: rgb(0,0,0); 
		margin: 0;
		padding:25px 20px;
		width: 177px; 
		border: 1px solid rgb(27,27,27);
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
	
	/**
	 * @review-list
	 *
	 */
	div#album-review-list{ background: rgb(18,18,18); margin: 20px 0 0 0; padding: 1px 20px; }	
	div#album-review-list ul{ list-style-type: none; margin: 0; padding: 0; }	
	
	/* empty state */
	#album-review-list.reviews-empty{color: rgb(61,61,61); padding: 13px 20px; }	
	.reviews-empty ul{ display: none;}	
	
	
	/**
	 * @review-item
	 *
	 */
	li.review-item{ margin: 20px 0; position: relative; }
	li.review-item:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html li.review-item,*:first-child+html li.review-item{zoom: 1}
	
	/* different background colors for different ranking */
	li.review-item.hight .review-item-section{ background-color: rgb(0,0,0); }
	li.review-item.neutral .review-item-section{ background-color: rgb(12,12,12); }
	li.review-item.low .review-item-section{ background-color: rgb(15,15,15); color: rgb(110,110,110); }
	li.review-item.lowest{opacity:.5; filter:alpha(opacity=50); }
	li.review-item.lowest .review-item-section{ background-color: rgb(15,15,15);}	
	li.review-item.lowest .review-item-section-body{ display: none; }
	
	/* bubble-speak-arrows */
	li.review-item:nth-child(2n+1) .review-item-section:after{
		content: ' '; display: block; width: 7px; height: 13px; 
		background-image: url(../../gfx/sprite-review-bubble.png); 
		position: absolute;
		top: 12px;
		right: 49px;	
	}
	li.review-item:nth-child(2n+2) .review-item-section:before{
		content: ' '; display: block; width: 7px; height: 13px; 
		background-image: url(../../gfx/sprite-review-bubble.png); 
		position: absolute;
		top: 12px;
		left: 49px;	
	}
	
	li.review-item.hight:nth-child(2n+1) .review-item-section:after{ background-position: 0 0; }	
	li.review-item.neutral:nth-child(2n+1) .review-item-section:after{ background-position: 0 -14px; }	
	li.review-item.low:nth-child(2n+1) .review-item-section:after{ background-position: 0 -27px; }	
	li.review-item.lowest:nth-child(2n+1) .review-item-section:after{ background-position: 0 -40px; }	

	li.review-item.hight:nth-child(2n+2) .review-item-section:before{ background-position: -15px 0; }	
	li.review-item.neutral:nth-child(2n+2) .review-item-section:before{ background-position: -15px -14px; }	
	li.review-item.low:nth-child(2n+2) .review-item-section:before{ background-position: -15px -27px; }	
	li.review-item.lowest:nth-child(2n+2) .review-item-section:before{ background-position: -15px -40px; }	
	
	
	
	/* zebra review list */
	li.review-item:nth-child(2n+1) .review-item-avatar{ float: right; }
	li.review-item:nth-child(2n+1) .review-item-section{ float: left; }
	
	
	/* avatar */
	li.review-item .review-item-avatar{ float: left; }
	li.review-item .review-item-avatar img{ border: 1px solid rgb(0,0,0); width: 35px; }
	
	/* section */
	li.review-item .review-item-section{ float: right; width: 565px; padding: 20px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;  }
	li.review-item .review-item-section blockquote{ margin: 20px 0; padding: 0; line-height: 1.7; word-wrap: break-word; }
	
	/* header */
	li.review-item .review-item-section .review-item-section-header{  font-size: 93%; }
	li.review-item .review-item-section .review-item-section-header:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html li.review-item .review-item-section .review-item-section-header,*:first-child+html li.review-item .review-item-section .review-item-section-header{zoom: 1}
	li.review-item .review-item-section .review-item-section-header span.date{ color: rgb(110,110,110); }
	li.review-item .review-item-section .review-item-section-header span.separator{  color: rgb(255,255,255); }
	li.review-item .review-item-section .review-item-section-header > div{ float: left; }
	li.review-item .review-item-section .review-item-section-header ul{ list-style-type: none; float: right;  }
	li.review-item .review-item-section .review-item-section-header ul:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html li.review-item .review-item-section .review-item-section-header ul,*:first-child+html li.review-item .review-item-section .review-item-section-header ul{zoom: 1}
	li.review-item .review-item-section .review-item-section-header ul li{ float: left; }
	li.review-item .review-item-section .review-item-section-header ul li.separator{ padding: 0 10px; }
	li.review-item .review-item-section .review-item-section-header ul li a{ color: rgb(110,110,110); }
	li.review-item .review-item-section .review-item-section-header ul li a:hover{ color: rgb(255,255,255); }
	li.review-item .review-item-section .review-item-section-header ul li a.review-delete:hover{ color: rgb(244,1,69); }
	li.review-item .review-item-section .review-item-section-header ul li a.review-show{ color: rgb(187, 144, 100); }
	li.review-item .review-item-section .review-item-section-header ul li a.review-show:hover{ color: rgb(255,255,255); }
	
	/* footer */
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer{ color: rgb(110,110,110); font-size: 93%;  }
	
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer span{ float: left; }
	
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html .review-item-section-footer,*:first-child+html .review-item-section-footer{zoom: 1}
	
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul{ list-style-type: none; float: right; }
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul:after{ content: '.';display: block; clear: both; height: 0; width: 0; visibility: hidden; height: 0; width: 0; }
	* html .review-item-section-footer ul,*:first-child+html .review-item-section-footer ul{zoom: 1}
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li{ float: left; }
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li span, 
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a{ 
		display: block; 
		padding: 10px;
		border-radius:5px; 
		border-radius:5px; 
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
		background-repeat: no-repeat;
		color: rgb(110,110,110);
	}
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a.voting-select{ color: rgb(255,255,255); }
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a{ padding-left: 26px;}
	
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a.up:hover{background-color:rgb(12,20,5); } 
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a.down:hover{background-color:rgb(21,5,5); } 
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a.up.voting-select{background-color:rgb(12,20,5); } 
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer ul li a.down.voting-select{background-color:rgb(21,5,5); } 
	
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer span{ }
	li.review-item .review-item-section .review-item-section-body .review-item-section-footer span.rating-value{ font-size: 138%; font-weight: bold; }
	 
	
	

	/**
	 * @ad
	 */
	.store-ad-big{ 
		text-align: center; 
		background: rgb(18,18,18);
		padding: 10px 0;
	}
	
	
	/**
	 * @restricted
	 */
	#gogoyoko-album-restricted{ padding: 0 10px 10px 10px; }
	
	#gogoyoko-album-restricted #album-info-wrapper{ }
	#gogoyoko-album-restricted #album-info-wrapper #album-photo{ float: left; }
	#gogoyoko-album-restricted #album-info-wrapper #album-photo img{ width:220px; height:220px; }
	#gogoyoko-album-restricted #album-info-wrapper #album-info{ float: left; }
	
	#album-restricted-info{ padding: 10px; }