/* *****************************************************************
MyConcert Area definitions
***************************************************************** */
#myConcerts h2 {
    font-size:1em;
    margin:8px 0px 4px 0px;
    padding:0px;
    float:left;
    width:100%;
    text-transform:uppercase;
}

#myConcerts form, #myConcerts fieldset  {
    margin:0px;
    padding:0px;
    border:none;
	margin-bottom:2px;
}

.wtextField {
    background-color:#000;
    border:1px solid #666;
    font-size:1em;
    color:#AAA;
    outline-style:none;
 
}
#myConcerts .textField {
    background-color:#000;
    border:1px solid #666;
    font-size:1em;
    color:#AAA;
    outline-style:none;
    padding:1px 2px;
	width: 120px;
	margin-left: 5px;
	float: left;
}

#myConcerts .inputButton {
    border:1px solid #AAA;
    background-color:#333;
    outline-style:none;
}

#myConcerts #playlists, #myConcerts #loginArea, #myConcerts #searchArea {
    float:left;
    border:0px solid #666;
    border-top-width:1px;
    width:100%;
}
/*
a#searchTab span {
    display:none;
}

a#searchTab {
    background:url("../pix/icons/smallicons.png") no-repeat -112px 0px;
    width:14px;
    font-size:10px;
    line-height:10px;
}

a#searchTab:hover {
    background-position:-112px -14px;
}
*/

#searchForm, #loginForm {
    padding:8px 0px !important;
}

/** General definition of thumbItems */
.itemGroup {
    clear:both;
    height:70px;
    width:757px;
	margin-top:3px;
}

.itemGroup.upWrapper {
    height:84px;
}

#myConcerts .itemGroup {
    overflow:hidden;
}

.thumbItem {
    float:left;
	padding-right: 8px;
    height:60px;
    /* overflow:hidden; */
}

.thumbItem img, .thumbItem .info a {
    display:block;
/*    float:left;*/
    width:105px;
}

.UserPlaylistTrack img {
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
}

.thumbItem .info a {
    width:97px;
    height:52px;
    display:block;
    padding:4px;
    line-height:1em;
    text-align:left;
    cursor:pointer;
	float: none;
}

.thumbItem .info div {
    display:block;
    height:54px;
    line-height:1em;
    text-align:left;
    padding:4px;
    width:99px;
}

#playlists .thumbItem .info a, #playlists .thumbItem .info div {
	margin-top: 0px;
/*	float: left;*/
}

.info .title, .info .description {
    display:block;
    width:100%;
}

/** Display option "displayfull" */
.displayfull .thumbItem {
    width:210px;
}

.displayfull .thumbItem a:hover + .info a {
    color:#0cace4;
}

/** Display option "thumbsonly" */
.thumbsonly .thumbItem {
    width:105px;
    height:76px !important;
    position:relative;
    overflow:hidden;
}

.thumbsonly .thumbItem .info a, .thumbsonly .thumbItem .info div {
    position:relative;
    top:-60px;
    left:0px;
    opacity:0.0;
    -moz-opacity:0.0;
    filter:alpha(opacity=0);
}

.thumbsonly #uppWrapper .thumbItem .info a, .thumbsonly #uppWrapper .thumbItem .info div,
.thumbsonly .upWrapper .thumbItem .info a, .thumbsonly .upWrapper .thumbItem .info div {
    top:-62px;
}

.thumbsonly .thumbItem .trackinfo a, .thumbsonly .thumbItem .trackinfo div {
    position:relative;
    top:-78px;
    left:0px;
    color:#aaaaaa;
/*    background:#000;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);*/
	display: block;
	text-align: center;
	font-weight: bold;
	height: 14px;
}

.thumbsonly .thumbItem .TrashForTrack div {
    position:relative;
    top:-78px;
    left:76px;
	display: block;
	height: 15px;
	width: 30px;
}

.thumbsonly .thumbItem .TrashForTrack div .TrashIcon {
	display: block;
	height: 15px;
	width: 15px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_del.jpg");
	cursor: pointer;
	float: left
}

.thumbsonly .thumbItem .TrashForTrack div .TrashIcon:hover, .thumbsonly .thumbItem .TrashForTrack div .PlayIcon:hover {
    background-position:0px -15px;
}

.thumbsonly .thumbItem .TrashForTrack div .PlayIcon {
	display: block;
	height: 15px;
	width: 15px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_small_play.jpg");
	cursor: pointer;
	float: left;
}

.thumbsonly .thumbItem:hover .trackinfo a, .thumbsonly .thumbItem:hover .trackinfo div {
	display: none;
}

.thumbsonly .thumbItem .info a:hover, .thumbsonly .thumbItem a:hover + .info a, .thumbsonly .thumbItem a:hover + .buttons + .info a, .thumbsonly .thumbItem .info div:hover {
    color:#FFF;
    background:#000;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
}
/*
.thumbsonly .thumbItem .info a:hover {
    color:#FFF;
    background:#000;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
}*/

/** Display option "textonly" */
.textonly .thumbItem img {
    display:none;
}

.textonly .thumbItem .info a {
    border:0px solid #666;
    border-right-width:1px;
}

/** Rules for bigger thumbItems in .grid area */

.grid {
   /* overflow:hidden;*/
}

#content .itemGroup {
    width:104%;
    height:100%;
}

#content .thumbItem {
    width:175px;
    height:184px;
    padding-right:19px;
    margin-bottom:10px;
    overflow:visible;
    border:0px solid #666;
    border-bottom-width:1px;
}

#content .thumbItem img{
    margin-bottom:5px;
}

#content .thumbItem img, #content .thumbItem .info a, #content .thumbItem .info div {
    display:block;
    width:100%;
    padding:0px;
}

#content .thumbItem .title, #content .thumbItem .description, #content.textonly .thumbItem .description, #content.textonly .thumbItem .title {
    width:55%;
    float:left;
}

#content .thumbItem .date, #content .thumbItem .duration, #content.textonly .thumbItem .date, #content.textonly .thumbItem .duration {
    width:43%;
    float:right;
    text-align:right;
}

/** Buttons */
.thumbItem .buttons {
    height:11px;
    padding:0px 0px 5px 0px;
    float:left;
    width:100%;
}

.thumbItem .buttons a {
    display:block;
    clear:none;
    float:left;
    margin-right:2px;
    width:14px;
    height:11px;
    background:url("../pix/icons/smallicons.png") no-repeat top left;
}

.thumbItem .buttons a span { display:none; }
.thumbItem .buttons .addToPlaylist { background-position:-42px top; }
.thumbItem .buttons .addToCart { background-position:-70px top; }
.thumbItem .buttons .sendToFriend { background-position:-56px top; }
.thumbItem .buttons .sendToPhone { background-position:-84px top; }
.thumbItem .buttons .addToPlaylist:hover, .thumbItem .buttons .addToPlaylist.active { background-position:-42px bottom; }
.thumbItem .buttons .addToCart:hover, .thumbItem .buttons .addToCart.active { background-position:-70px bottom; }
.thumbItem .buttons .sendToFriend:hover, .thumbItem .buttons .sendToFriend.active { background-position:-56px bottom; }
.thumbItem .buttons .sendToPhone:hover, .thumbItem .buttons .sendToPhone.active { background-position:-84px bottom; }

/** thumbsonly */
#content.thumbsonly .thumbItem {
    height:110px !important;
    overflow:hidden;
}

#content.thumbsonly .thumbItem .info a {
    padding:4px;
    width:167px;
    height:92px !important;
    position:relative;
    top:-124px !important;
}

#content.thumbsonly .thumbItem .info a span {
    width:100%;
    text-align:left;
    float:left;
}

#content.thumbsonly .thumbItem .buttons {
    position:relative;
    top:-24px;
    z-index:10;
    background-color:#000;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    width:auto;
    padding:4px;
    margin:0px;
    float:right;
}

/** textonly */
#content.textonly .thumbItem {
    height:75px;
    overflow:hidden;
    border-width:0px;
}

#content.textonly .thumbItem img {
    display:none;
}

#content.textonly .thumbItem .info a {
    width:100%;
    border-width:0px !important;
}

/* *****************************************************************
Related Area definitions
***************************************************************** */
#relatedArea {
    width:737px;
    clear:both;
    padding:0px 0px 0px 20px;
    height:92px;
    border:0px solid #666;
    border-top-width:1px;
}

.content_form_purchase {
	margin-top: -30px;
	margin-bottom: 50px;
	vertical-align:middle;
/*    height:40px;*/
}

.content_form_purchase .price {
	font-size: 25px;
	vertical-align:middle;
	width: 170px;
    height:40px;
	float: left;
	line-height: 40px;
}

.content_form_purchase div {
	width: 96px;
/*	overflow: hidden;*/
	float: right;
}

form.fivestar-widget, .fivestar-static-form-item {
	margin-top:15px;
	height: 30px;
}

.content_form_purchase a.buy_btn_en {
/*    padding-left:48px;*/
    width:96px;
    height:30px;
	margin-top: 12px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-buy-en.png");
}

.content_form_purchase a.buy_btn_en:hover {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_en:active {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_zh-hans {
/*    padding-left:48px;*/
    width:96px;
    height:30px;
	margin-top: 12px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-buy-cn.png");
}

.content_form_purchase a.buy_btn_zh-hans:hover {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_zh-hans:active {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_fr {
/*    padding-left:48px;*/
    width:96px;
    height:30px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-buy-fr.png");
}

.content_form_purchase a.buy_btn_fr:hover {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_fr:active {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_ko {
/*    padding-left:48px;*/
    width:96px;
    height:30px;
	margin-top: 12px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-buy-ko.png");
}

.content_form_purchase a.buy_btn_ko:hover {
    background-position:0px -30px;
}

.content_form_purchase a.buy_btn_ko:active {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_en {
    padding-left:48px;
    width:96px;
    height:30px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-watch-en.png");
}

.content_form_purchase a.view_btn_en:hover {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_en:active {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_zh-hans {
    padding-left:48px;
    width:96px;
    height:30px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-watch-cn.png");
}

.content_form_purchase a.view_btn_zh-hans:hover {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_zh-hans:active {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_fr {
    padding-left:48px;
    width:96px;
    height:30px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-watch-fr.png");
}

.content_form_purchase a.view_btn_fr:hover {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_fr:active {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_ko {
    padding-left:48px;
    width:96px;
    height:30px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-watch-ko.png");
}

.content_form_purchase a.view_btn_ko:hover {
    background-position:0px -30px;
}

.content_form_purchase a.view_btn_ko:active {
    background-position:0px -30px;
}

.content_form_purchase_list {
	text-align: right;
	width: 100%;
	margin-top: -23px;
}

.content_form_purchase_list div {
	width: 36px;
	overflow: hidden;
	float: right;
	text-align: right;
}

.content_form_purchase_list a.buy_btn_en {
/*    padding-left:23px;*/
    width:36px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_buy_small_en.png");
}

.content_form_purchase_list a.buy_btn_en:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_en:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_zh-hans {
/*    padding-left:23px;*/
    width:27px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-buy-small-cn.png");
}

.content_form_purchase_list a.buy_btn_zh-hans:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_zh-hans:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_fr {
/*    padding-left:23px;*/
    width:36px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_buy_small_fr.png");
}

.content_form_purchase_list a.buy_btn_fr:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_fr:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_ko {
/*    padding-left:23px;*/
    width:36px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_buy_small_ko.png");
}

.content_form_purchase_list a.buy_btn_ko:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.buy_btn_ko:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_en {
    padding-left:23px;
    width:36px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_watch_small_en.png");
}

.content_form_purchase_list a.view_btn_en:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_en:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_zh-hans {
    padding-left:23px;
    width:27px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-watch-small-cn.png");
}

.content_form_purchase_list a.view_btn_zh-hans:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_zh-hans:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_fr {
    padding-left:23px;
    width:36px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_watch_small_fr.png");
}

.content_form_purchase_list a.view_btn_fr:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_fr:active {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_ko {
    padding-left:23px;
    width:36px;
    height:10px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_watch_small_ko.png");
}

.content_form_purchase_list a.view_btn_ko:hover {
    background-position:0px -10px;
}

.content_form_purchase_list a.view_btn_ko:active {
    background-position:0px -10px;
}

.btnPreview {
	margin-left: 30px;
	margin-bottom: 7px;
}

.UnitTrackPlay {
    width:15px;
    height:15px;
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	margin-right: 5px;
	cursor: pointer;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_small_play.jpg");
}

.UnitTrackPlay:hover {
    background-position:0px -15px;
}

.DisplayTrackTitle {
	margin-bottom: 4px;
}

.PlaylistItemDisplayTitle.active {
	color: #0cace4;
}

.PlaylistMenu {
	clear: both;
	white-space: nowrap;
	line-height: 18px;
}

.PlaylistMenuTrash {
    width:15px;
    height:15px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_del.jpg");
/*	margin-left: 10px;
	margin-top: -14px;*/
	margin-top: 2px;
	float: left;
}

.PlaylistMenuTrash:hover {
    background-position:0px -15px;
}

#plPlayAll {
	position: absolute;
	left: -39px;
	top: 57px;
	width: 32px;
	height: 32px;
	z-index: 1;
	background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_play.jpg");
}

#plPlayAll:hover {
    background-position:0px -32px;
}
