#loading {
    background-color:#000;
    background-image:url("../pix/loading.gif");
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1000;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color:#AAAAAA;
	line-height: normal;
}
#loading a {
	color: #0cace4;
}

#container {
    position:absolute;
}

.scrollBox {
    overflow:hidden !important;
}

.scrollTrack {
    width:6px;
    background-color:#333;
}

.scrollHandle {
    width:100%;
    background-color:#777;
}

.scrollHandleActive {
    background-color:#0cace4;
}

#leftArea {
    height:540px;
    overflow:hidden;
}

#mainNav {
    width:180px;
}

#mainNav li {
    margin-right:15px;
    clear:none;
}

#mainNav a.homeIcon {
    padding:0px;
}

#mainNav .homeIcon span {
    display:none;
}

#mainNav .items {
    display:none;
}

#mainNav .outer .items {
    display:block;
    height:60px;
    padding:12px;
	padding-top:8px;
    background-color:#000;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
}

#mainNav .outer {
    left:18px;
    top:121px;
    width:797px;
    height:64px;
    position:absolute !important;
    z-index:20;
    overflow:hidden;
}

#mainNav .outerouter {
    position:absolute;
    width:962px;
    height:100px;
}

#flashPlayer, #flashPlayerEmpty, .screenFade td.view {
    width:480px;
    height:288px;
}

#flashPlayer {
    display:block !important;
}

.screenFade {
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    top:0px;
    left:0px;
    background-color:#000;
    opacity:0.0;
    -moz-opacity:0.0;
    filter:alpha(opacity=0);
}

/** display Options */
.displayOptions {
    float:right;
    line-height:1em;
    font-size:11px;
}

.displayOptions span {
    float:left;
    display:block;
}

.displayOptions a, a.playAll {
    display:block;
    height:11px !important;
    width:14px !important;
    float:left;
    margin:0px 0px 0px 3px !important;
    padding:0px !important;
    background:url("../pix/icons/smallicons.png") no-repeat 0px 0px;
}

.displayOptions a.showtext { background-position:0px 0px; }
.displayOptions a.showicon { background-position:-28px 0px; }
.displayOptions a.showall { background-position:-14px 0px; }
.displayOptions a.showtext:hover, .displayOptions a.showtext.active { background-position:0px bottom; }
.displayOptions a.showicon:hover, .displayOptions a.showicon.active { background-position:-28px bottom; }
.displayOptions a.showall:hover, .displayOptions a.showall.active { background-position:-14px bottom; }
a.playAll { background-position:-96px 0px; }
a.playAll:hover, a.playAll.active { background-position:-96px bottom; }

.playAll span { display:none; }

/** MyConcert Area */
#myConcerts {
    position:absolute;
    top:9px;
    left:222px;
    width:757px;
    height:104px;
    /*
    overflow:hidden;
    */
}

.searchDiv {
    float:right;
	width: 157px;
/*    clear:both;*/
}

.searchDiv a, .tabbedNav a {
    text-transform:uppercase;
    cursor:pointer;
    padding-left:15px;
}

.searchDiv a.active, .tabbedNav a.active {
    color:#FFF;
}

#myConcerts .tabbedNav, #playlists .tabbedNav, #relatedArea .tabbedNav {
/*    width:100%;*/
    float:left;
    padding:0px 0px !important;
}

#myConcerts .tabbedNav a, #playlists .tabbedNav a, #relatedArea .tabbedNav a {
    padding:0px 12px 0px 0px;
}

.tabbedNav .navItem {
    float:right;
    text-transform:none;
}

.tabbedNav .playAll {
    float:left;
    margin:0px 15px 0px 0px !important;
    padding:0px !important;
}


/** Display a pointer curser when hovering over the SubNav Titles */
#subNav .subTitle, #subNav .subTitleActive {
    cursor:pointer;
}

/* Overlay */
.overlayWebWidget {
	width: 100%;
	height: 100%;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
}
.dialogWebWidget {
	width: 500px;
	height: 246px;
	background: black;
	position: absolute;
	top: 240px;
	left: 360px;
	z-index: 99;
	border-style: solid;
	border-width: 1px;
	border-color: #9B9A9A;
}
.overlayimgclose {
	cursor: pointer;
	height : 17px;
	width: 26px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_ok.png");
	margin-right: 3px;
	margin-top: 3px;
}
.overlayimgclose:hover, .overlayimgclose.active {
    background-position:0px -17px;
}

#textareaWebWidget {
	background-color: #000000;
	border: 1px solid #666666;
	color: #AAAAAA;
	width: 490px;
	height: 200px;
	margin-left: 5px;
	overflow: visible;
}

.btnWebWidget {
	cursor: pointer;
	height : 17px;
	width: 57px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_web.png");
	display: inline-block;
}
.btnWebWidget:hover, .btnWebWidget.active {
    background-position:0px -17px;
}

.overlayDesktopWidget {
	width: 100%;
	height: 100%;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
}
.dialogDesktopWidget {
	width: 300px;
	height: 250px;
	background: black;
	position: absolute;
	top: 240px;
	left: 400px;
	z-index: 99;
	border-style: solid;
	border-width: 1px;
	border-color: #9B9A9A;
	text-align: center;
}

.dialogDesktopWidget .flashcontent {
	margin-left: auto; margin-right: auto;
}

.btnDesktopWidget {
	cursor: pointer;
	height : 17px;
	width: 57px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_desktop.png");
	display: inline-block;
	margin-left: 30px;
}
.btnDesktopWidget:hover, .btnDesktopWidget.active {
    background-position:0px -17px;
}
.overlayBuy {
	width: 100%;
	height: 100%;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
}
.dialogBuy {
	width: 500px;
	height: 300px;
	background: black;
	position: absolute;
	top: 240px;
	left: 360px;
	z-index: 10500;
	border-style: solid;
	border-width: 1px;
	border-color: #9B9A9A;
}
.dialogBuy .overlayimgclose {
	cursor: pointer;
	height : 17px;
	width: 17px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn-close.png");
	margin-right: 3px;
	margin-top: 3px;
}
.dialogBuy .overlayimgclose:hover, .dialogBuy .overlayimgclose.active {
    background-position:0px -17px;
}

#divOverlayBuy {
	padding-left: 10px;
}

/* User Playlist */
.relativity_child {
	width: 100%;
}

.UnitTrack {
/*	width: 100%;*/
	width: 218px;
}

.draggable, .draggable:hover {
	cursor: move !important;
}

.UserPlaylistContainer {
	width: 100%;
	margin-top: 20px;
}

#user_playlist_title {
	margin-bottom: 10px;
}

.dropHover {
	color: #0cace4 !important;
}

.dropHoverTrack .info .description, .dropHoverTrack .trackinfo .titretrack {
	color: #0cace4 !important;
}

#upimgloading {
	width: 16px;
	height: 16px;
}

.uPLoading {
	float: right;
	margin-left: 2px;
	width: 16px;
	height: 16px;
}

#uplaylist_new {
	float: right;
	margin-left: 2px;
	cursor: pointer;
	width: 40px;
	height: 19px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_new.jpg");
	margin-top: -3px;
}

#uplaylist_new:hover, #uplaylist_edit:hover {
    background-position:0px -19px;
}

#uplaylist_edit {
	float: right;
	margin-left: 2px;
	cursor: pointer;
	width: 40px;
	height: 19px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_playlist_edit.jpg");
	margin-top: -3px;
}

#uplaylist_trash {
	float: right;
	margin-left: 5px;
}

.UserPlaylistTitle {
/*	margin-left: 10px !important;*/
	margin-left: 5px !important;
/*	margin-top: 1px;*/
/*	margin-top: 8px !important;
	margin-bottom: 4px !important;*/
/*	display: block;
	float: left;*/
}

#TrackUpPage .editor_field {
	background-color: #000000;
	border: 1px solid #666666;
	color: #AAAAAA;
	width: 100px;
}

#TrackUpPage .editor_ok_button {
	height : 17px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_ok.png");
	margin-left: 5px;
	color: transparent;
	border-width: 0;
	width: 26px;
}

#TrackUpPage .editor_ok_button:hover {
    background-position:0px -17px;
}

#TrackUpPage .editor_cancel_button {
	height : 20px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/btn_cancel.png");
	margin-left: 5px;
	color: transparent;
	border-width: 0;
	width: 54px;
}

#TrackUpPage .editor_cancel_button:hover {
    background-position:0px -20px;
}
#myConcerts .tabbedNav {
/*    width:547px;*/
	width: 600px;
	margin-top: 3px;
}

.PlusMoins {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	margin-bottom: 4px;
}

#MenuUPPage {
	float: left;
	margin: 0 18px 0 0;
	width: 186px;
	height: 540px;
	margin-bottom: 5px;
}

#MenuUPPage ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px;
}

#TrackUpPage {
	width: 476px;
	height: 540px;
	margin-bottom: 5px;
	float: left;
}

#TrackUpPage .thumbItem {
	height: 74px !important;
	overflow: hidden;
	position: relative;
	width: 105px;
	float: left;
	padding-right: 10px;
	border-style: hidden;
	border-width: 0;
}

#TrackUpPage .thumbItem .info div {
	padding: 4px;
}

#TrackUpPage .thumbItem img {
	margin-bottom: 0;
}

#TrackUpPage .info .description {
	float: none;
	width: 100%;
}

.UserPlaylistMenu {
	position: relative;
	display: block;
	width: 186px;
	height: 440px;
	overflow: hidden;
}

#uppWrapper {
	overflow: hidden;
}

#uppContainer {
	width: 476px;
	position: relative;
}

#up_left {
	float: left;
	width: 11px;
	height: 16px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/PlFlecheGauche.jpg");
	margin-right: 5px;
}

#up_left.active {
    background-position:0px -16px;
	cursor: pointer;
}

#up_left.active:hover {
    background-position:0px -32px;
}

#up_right {
	float: right;
	width: 11px;
	height: 16px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/PlFlecheDroite.jpg");
	margin-left: 5px;
}

#up_right.active {
    background-position:0px -16px;
	cursor: pointer;
}

#up_right.active:hover {
    background-position:0px -32px;
}

.scrollTabbedNav {
	position: relative;
	overflow: hidden;
}

.scrollInnerTabbedNav {
	position: relative;
	height: 17px;
	white-space:nowrap;
}

.uppHelp {
	height: 200px;
	width: 186px;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
}

.EditoUserPlaylistToggle {
	float: left !important;
	margin-right: 2px;
	cursor: pointer;
}