#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:107px;
    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;
    /*
    overflow:hidden;
    */
    height:90px;*/
}

.searchDiv {
    float:right;
/*    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 15px 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%;
}

.draggable {
	cursor: move;
}

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

#user_playlist_title {
	margin-bottom: 10px;
}

.dropHover {
	color: #0cace4;
}

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

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

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

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

#uplaylist_new {
	cursor: pointer;
}

.UserPlaylistTitle {
	margin-left: 10px !important;
	margin-top: 8px !important;
	margin-bottom: 4px !important;
}

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

.UserPlayList .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;
}

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

.UserPlayList .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;
}

.UserPlayList .editor_cancel_button:hover {
    background-position:0px -20px;
}

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