/* Begining of the CSS public */

table.spaced tr td, table.spaced tr th {
	vertical-align: top;
	padding-right: 20px;
	padding-bottom: 5px;
	font-size:0.8em;
}

/* OTHER ALBUMS */
div.audioPlayer.public div.viewOtherAlbums{position:relative;top:-254px;left:10px;height:106px;width:106px;background:transparent url(../img/playerBackgroundOne.png) repeat;visibility:hidden;}
div.audioPlayer.public{height:420px;}
/* VOLUME */

div.audioPlayer.public div.viewVolume{position:relative;top:-270px;left:157px;height:106px;width:106px;background:transparent url(../img/playerBackgroundOne.png) repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;color:#FFF;font-size:30px;text-align:center;line-height:106px;}

div.audioPlayer.public img.viewVolumeImg{display:block;height:65px;position:absolute;top:12px;left:15px;}

div.audioPlayer.public div.contentSquare div{float:left;width:7px;height:7px;margin-right:2px;}
div.audioPlayer.public div.contentSquare{position:absolute;top:85px;left:8px;}
div.audioPlayer.public div.whiteSquare{background-color:#FFF;}
div.audioPlayer.public div.blackSquare{background-color:#555;}

/* CONTENT HIGH */

div.audioPlayer.public div.contentHigh{visibility: hidden;}

div.audioPlayer.public div.fullContentHigh{width:420px;position:absolute;top:120px;height:300px;left:0px;background:transparent url(../img/playerBackgroundOne.png) repeat;}

div.audioPlayer.public div.headerContentHigh{height:40px;}
div.audioPlayer.public div.albumTitle{float:left;color:#FFF;font-size:1em;font-weight:bold;margin:5px 0 10px 10px;}
div.audioPlayer.public canvas.contentHighHide{float:right;margin:5px 5px 10px 0;display:block;cursor:pointer;}

/* Left ContentHigh */

div.audioPlayer.public div.leftContentHigh{float:left;width:35%;height:260px;}
div.audioPlayer.public img.smallCover{border:solid #000 6px;z-index:0;margin-left:5px;}
div.audioPlayer.public img.loaderPlayer{visibility:hidden;color:#FFF;position:absolute;left:50px;top:85px;z-index:1;height:15px;}

/* Right ContentHigh */

div.audioPlayer.public div.rightContentHigh{float:right;width:65%;height:260px;}

/* TrackList */

div.audioPlayer.public div.trackCursor{height:15px;width:260px;cursor:pointer;margin-left:4px;}

div.trackup{background:transparent url(../img/trackup.png);}
div.trackup:hover{background:transparent url(../img/trackUpHover.png);}

div.audioPlayer.public div.moveTrackList{position:relative;font-size:12px;height:120px;overflow:hidden;padding-top:5px;}
div.audioPlayer.public ul.listTracks{position:absolute;}
div.audioPlayer.public ul.listTracks li{height:16px;text-align: center;line-height:16px;}
div.audioPlayer.public ul.listTracks li.active a{color:#880000;}
div.audioPlayer.public ul.listTracks li a{color:#FFF;text-decoration:none;display:block;}
div.audioPlayer.public ul.listTracks li a div {float:left;background: url(../img/playerBackgroundOne.png) repeat;}
div.audioPlayer.public ul.listTracks a:hover{color:#777;}}


div.audioPlayer.public div.trackNum{width:20px;margin:0 4px 4px 4px;}
div.audioPlayer.public div.trackTitle{width:198px;margin:0 4px 4px 0;text-align:left;padding-left:3px;overflow:hidden;}
div.audioPlayer.public div.trackDuration{width:30px;margin-bottom:4px;}

div.audioPlayer.public div.trackdown{background:transparent url(../img/trackdown.png);}
div.audioPlayer.public div.trackdown:hover{background:transparent url(../img/trackDownHover.png);}

/* Audio Seek */

div.audioPlayer.public .audioSeekContainer {position:relative;float:left;width: 230px;height: 10px;margin-top: 5px;border: 1px solid #494949;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background: #535353;background-image: -moz-linear-gradient(top, #535353, #333333);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));box-shadow: inset 0 -3px 3px #333333;}

div.audioPlayer.public .audioSeekContainer .audioSeek{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;height:10px;background-color: #880000;background-image: -moz-linear-gradient(top, #880000, #E00103);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #880000),color-stop(1, #E00103));box-shadow: inset 0 -3px 3px #39a2ce;}

div.audioPlayer.public .audioSeekContainer .audioSeek .scrubberContainer{position:absolute;left:-5px;right:10px;}
div.audioPlayer.public .audioSeekContainer .audioSeek .scrubberContainer .scrubber {position:absolute;width: 12px;height: 12px;border: 1px solid #FFF;top:-2px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background: #e6e6e6;background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));box-shadow: inset 0 -3px 3px #d5d5d5;}


div.audioPlayer.public .audioTimer {float:left;margin-top: 5px;margin-left: 8px;color: #FFF;font-size: 0.7em;font-weight: bold;}


/* Content Controls */

div.audioPlayer.public div.contentControls{width:420px;height:80px;position:absolute;top:340px;background:transparent url(../img/playerBackgroundOne.png) repeat;}

/* Actions */

div.audioPlayer.public div.actionControls{float:right;width:55%;position:relative;}

div.audioPlayer.public img.rewind{width:40px;height:40px;display:block;position:absolute;top:20px;left:0px;cursor:pointer;}
div.audioPlayer.public img.play{width:70px;height:70px;margin:4px 0 0 31px;display:block;cursor:pointer;}
div.audioPlayer.public img.forward{width:40px;height:40px;display:block;position:absolute;top:20px;left:91px;cursor:pointer;}
div.audioPlayer.public img.OnOffVol{width:40px;height:40px;display:block;position:absolute;top:20px;left:140px;cursor:pointer;}
div.audioPlayer.public img.volumeUp{width:30px;height:30px;display:block;position:absolute;top:5px;left:190px;cursor:pointer;}
div.audioPlayer.public img.volumeDown{width:30px;height:30px;display:block;position:absolute;top:45px;left:190px;cursor:pointer;}	

/* Infos */

div.audioPlayer.public div.albumInfos{float:left;width:45%;height:80px}
div.audioPlayer.public div.artistName{color:#FFF;font-weight:bold;font-size:1em;margin:5px 0 0 10px;}	
div.audioPlayer.public div.trackName{color:#FFF;font-weight:bold;font-size:0.7em;margin-left:10px;}	

div.audioPlayer.public div.newsInfosTable div{font-size:0.7em;float:left;overflow:hidden;height:20px;line-height:20px;background:rgba(0,0,0,0.6);margin:1px 1px 10px;padding:4px;overflow:hidden;}



/* CAROUSEL */

div.audioPlayer.public div.contentCarousel{width:420px;height:36px;position:relative;top:80px;background-color:#222;}
div.audioPlayer.public div.contentCarousel div.carousel{width:184px;height:30px;margin:0 55px;position:absolute;top:2px;}
div.audioPlayer.public div.contentCarousel div.carousel ul.platformList{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
div.audioPlayer.public ul.platformList li{display:block;float:left;padding:1px;width:90px;height:20px;}
div.audioPlayer.public ul.platformList li a img{display:block;border-bottom:solid 1px #222;}
div.audioPlayer.public ul.platformList  a img:hover{border-color:#FFF;}

div.audioPlayer.public div.forwardPlatform{width:45px;height:27px;cursor:pointer;position:absolute;left:244px;top:3px;background:transparent url(../img/platformListButton.png) top right no-repeat;}
div.audioPlayer.public div.forwardPlatform:hover{background-position:bottom right; }
div.audioPlayer.public div.backPlatform{width:45px;height:27px;cursor:pointer;position:absolute;left:4px;top:3px;background: url(../img/platformListButton.png) top left no-repeat;}
div.audioPlayer.public div.backPlatform:hover{background-position:bottom left; }



/* Newsletter */

div.audioPlayer.public div.newsLetter{width:106px;height:18px;margin-top:3px;position:absolute;left:300px;background-color:#00D7FF;text-align:center;padding:4px;font-size:0.9em;border:solid 1px #22D7FF;cursor:pointer;font-weight:bold;color:#FFF;}
div.audioPlayer.public div.newsLetter:hover{border-color:#FFF;}
div.audioPlayer.public div.contentNewsletter{width:420px;position:absolute;top:120px;height:300px;left:0px;background:transparent url(../img/playerBackgroundOne.png) repeat;visibility:hidden;overflow:hidden;color:#FFF;}
div.audioPlayer.public div.fullContentNewsletter{width:840px;}
div.audioPlayer.public div.newsLeft{width:420px;height:300px;float:left;}
div.audioPlayer.public div.newsRight{position:relative;width:400px;height:300px;float:left;padding:0 10px;}

div.audioPlayer.public div.headerNews{width:840px;height:50px;}

div.audioPlayer.public div.headerNewsTitle{width:130px;height:20px;float:left;background-color:#02D7FF;font-size:1.2em;text-align:center;padding:10px;}
div.audioPlayer.public div.headerNewsLeftCross{width:20px;height:20px;float:left;padding:5px;cursor:pointer;margin-left:240px;}
div.audioPlayer.public div.textNewsLeft{padding:10px;font-size:0.9em;}
div.audioPlayer.public div.formNewsLeft{padding:10px;font-size:0.9em;position:relative;}

div.audioPlayer.public div.badMail{opacity:0;visibility:hidden;position:absolute;top:35px;left:35px;font-size:0.8em;width:340px;color:#FF0000;text-align:center;}

div.audioPlayer.public div.legalNewsLeft{margin:-10px 0 0 10px;cursor:pointer;width:110px;height:20px;}
div.audioPlayer.public p.showLegal{font-size:0.8em;}
div.audioPlayer.public p.showLegal:hover{color:#880000;}
div.audioPlayer.public div.legalContent{position:absolute;top:0px;height:175px;width:360px;padding:10px;color:#FFF;background:rgba(0,0,0,0.7);margin-left:20px;-moz-border-radius:10px;-webkit-border-radius:10;border-radius:10px;overflow-y:auto;visibility:hidden;cursor:pointer;font-size:0.7em;}


div.audioPlayer.public div.submitForm{background-color:#00D7FF;padding:5px;text-align:center;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
div.audioPlayer.public div.submitForm:hover{color:#00D7FF;background-color:#FFF;}

div.audioPlayer.public span.redRequired{color:#FF0000;}
div.audioPlayer.public p.nextForm{cursor:pointer;}

div.audioPlayer.public canvas.nextForm{cursor:pointer;display:block;}
div.audioPlayer.public canvas.previousRight{cursor:pointer;display:block;}

div.audioPlayer.public div.confirmDE{position:absolute;top:90px;height:50px;width:250px;padding:20px;color:#FFF;background:rgba(0,0,0,0.7);-moz-border-radius:10px;-webkit-border-radius:10;border-radius:10px;cursor:pointer;visibility:hidden;margin-left:60px;}

div.audioPlayer.public div.messageFormReturn{position:absolute;top:30px;height:50px;width:300px;padding:20px;color:#FFF;background:rgba(0,0,0,0.7);-moz-border-radius:10px;-webkit-border-radius:10;border-radius:10px;cursor:pointer;visibility:hidden;margin-left:30px;}

div.audioPlayer.public div.confirmDE p{margin:0px auto;width:230px;}

/*  CONTENT INFOS UP */
div.audioPlayer.public div.albumInfosContainer{float:right;padding-left:10px;width:280px;color:#AAA;}

div.audioPlayer.public div.contentFullInfos{width:400px;position:absolute;top:41px;height:370px;left:0px;background:transparent url(../img/playerBackgroundOne.png) repeat;color:#FFF;visibility:hidden;padding:10px;}
div.audioPlayer.public ul.infosList{margin-left:10px;color:#FFF;font-size:0.8em;}
div.audioPlayer.public ul.infosList li{float:left;padding:4px;cursor:pointer;}


div.audioPlayer.public div.contentFullInfos p{font-size:0.7em;text-align:left;width:400px}

div.audioPlayer.public div.albumInfosContent{padding:5px;background:transparent url(../img/playerBackgroundOne.png) repeat;margin-bottom:5px;cursor:pointer;}
div.audioPlayer.public div.albumInfosContent:hover{opacity:0.5;}

div.audioPlayer.public div.dynamicNews{position:relative;clear:left;background:rgba(0,0,0,0.7);width:385px;}
div.audioPlayer.public div.dynamicDate{width:90px;background:#000;height:15px;line-height:15px;padding:10px;text-align:center;}
div.audioPlayer.public div.dynamicContent p {padding:15px;font-size:0.8em;width:350px;}

/* Begining of the CSS ipad */

div.audioPlayer.iPad img.rewind{width:60px;height:60px;display:block;position:absolute;top:20px;left:0px;cursor:pointer;}
div.audioPlayer.iPad img.play{width:70px;height:70px;margin:4px 0 0 70px;display:block;cursor:pointer;}
div.audioPlayer.iPad img.forward{width:60px;height:60px;display:block;position:absolute;top:20px;left:150px;cursor:pointer;}
div.audioPlayer.iPad img.OnOffVol{width:40px;height:40px;display:block;position:absolute;top:20px;left:140px;cursor:pointer;visibility:hidden;}
div.audioPlayer.iPad img.volumeUp{width:30px;height:30px;display:block;position:absolute;top:5px;left:190px;cursor:pointer;visibility:hidden;}
div.audioPlayer.iPad img.volumeDown{width:30px;height:30px;display:block;position:absolute;top:45px;left:190px;cursor:pointer;visibility:hidden;}	

div.audioPlayer.iPad ul.listTracks li{height:26px;text-align: center;line-height:26px;}
div.trackTitle{width:198px;height:26px;margin:0 4px 4px 0;text-align:left;padding-left:3px;overflow:hidden;}
div.audioPlayer.iPad div.trackNum{width:20px;height:26px;margin:0 4px 4px 4px;}

div.audioPlayer.iPad div.contentInfoUp{position:absolute;height:25px;width:420px;background:rgba(0,0,0,0.7);}