html {
	overflow-y: scroll; 
}
a {
	color: #000;
	text-decoration: none;
}
body {
	background: #CCC url(/images/interface/bg.gif) repeat-y fixed bottom center;
	color: #333; margin: 20px 0;
	text-align: center; font: normal 12px sans-serif,Arial;
}
.gfx a {
	background: #F5F5F5 url(/images/interface/bright_pixel.gif) no-repeat; display: block; height: 275px;
}
.header {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	font: bold 2.6em Arial;
	line-height: 3em;
}
.main {
	background: #FFF url(/images/interface/radioSignus.png) no-repeat top; 
	border: 3px double #EEE; 
	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 620px; 
	padding-top:90px;
}
.menu a {
	background: #EEE;
	border-right: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	/*color: #888;*/
	color:#800000;
	float: left;
	padding-top: 4px;
	width: 149px; height: 50px;
	font-size:13px;
	font-weight:bold;
}
.menu a span {
	padding-left: 6px;
}
.menu a:hover,.menu .selected {
	background: #EEE url(/images/interface/bgmenu.gif) repeat-x;
	color: #555;
}
.menu a#last {
	width: 150px;
	border-right: none;
}
.menu {
	clear:both;
}
.container {
	margin: 10px;
}
.content {
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	clear: both;
}
.content h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}

.content p {
	margin: 3px 0 6px; color: #666;
}
.content a{
	color:#000;
	font-weight:bold;
}

.content a:hover{
	color:#555555;
}

.content th{
	border-right:1px #D9D9D9 solid;
	text-align:left;
}

.content td{
	text-align:right;
}

.item {
	background: #FCFCFC url(/images/interface/bgitem.gif) repeat-x;
	padding: 10px;
}

.itemplaylists{
	padding:10px;
	background-color:#FFF;
}
.footer {
	padding: 5px;
	background: #F5F5F5;
	color: #666;
}
.footer span{
	padding-left:140px;
}
.footer a:hover {
	color:#800000;
}


.delete{
	padding:5px 0 5px 17px;
	background:transparent url(/images/interface/cancel.png) left center no-repeat;
}

.content a.delete:hover{
	color:#E6584D;
}

.add{
	padding:5px 0 5px 20px;
	background:transparent url(/images/interface/add.png) left center no-repeat;
}

.content a.add:hover{
	color:#6BA959;
}
.headerBoxZone{
	background-color:#F5F5F5;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #D9D9D9;
	padding:5px;
}

.playlistpreview {
	float:left;
	height:200px;
	width:105px;
	background: url(/images/interface/bgcode.gif);
	border: 1px solid #EEEEEE;
	border-left: 6px solid #CECECE;
	color: #555;
	display: block;
	margin:10px 5px 2px;
	padding: 4px;
	
}

.playlistpreview2 {
	float:left;
	/*height:200px;*/
	width:216px;
	/*background: url(/images/interface/bgcode.gif);
	border: 1px solid #EEEEEE;
	border-left: 6px solid #CECECE;*/
	color: #555;
	display: block;
	margin:10px 5px 2px;
	padding: 4px;
	
}
.thumbtop{
	height:20px;
	background:transparent url(/images/interface/thumbtop.png) top no-repeat;
	
}
.thumbmid{
	background:transparent url(/images/interface/thumbmid.png) top repeat-y;
	padding-left:10px;
	padding-right:10px;
}

.thumbmid p{
	margin:0;
}
.thumbbot{
	height:20px;
	background:transparent url(/images/interface/thumbbot.png) bottom no-repeat;
}

.player_320{
	width:666px;
	margin-left:auto;
	margin-right:auto;
}
.player_640{
	width:986px;
	margin-left:auto;
	margin-right:auto;
}

.playertop_320,.playertop_640{
	height:20px;
	
}
.playertop_320{
	background:transparent url(/images/interface/playertop_320.png) top no-repeat;
	width:666px;
}
.playertop_640{
	background:transparent url(/images/interface/playertop_640.png) top no-repeat;
	width:986px;
}
.playermid_320,.playermid_640{
	/*padding-left:10px;
	padding-right:10px;*/
}

.playermid_320{
	background:transparent url(/images/interface/playermid_320.png) top repeat-y;
	width:666px;
}
.playermid_640{
	background:transparent url(/images/interface/playermid_640.png) top repeat-y;
	width:986px;
}
.playerbot_320,.playerbot_640{
	height:20px;
	text-align:center;
	
}
.playerbot_320{
	background:transparent url(/images/interface/playerbot_320.png) top no-repeat;
	width:666px;
}
.playerbot_640{
	background:transparent url(/images/interface/playerbot_640.png) top no-repeat;
	width:986px;
}


.mainPlayer{
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
.playlistname{
	background:transparent url(/images/interface/thumbtitle.png) no-repeat scroll center bottom;
	padding:3px 0pt 15px 0px;
	text-align:center;
	/*background:transparent url(/images/interface/control_play.png) left center no-repeat;*/
}

div.playlistdesccont{
	padding:0  5px;
}

img.playerHimg{
	display:block;
	width : 480px;
	margin-left:auto;
	margin-right:auto;
}
img.playlistnameTop{
	display:block;
margin-left:auto;
margin-right:auto;
width:90px;
}

p.playlistname a{
	padding:2px 0 1px 17px;
	background:transparent url(/images/interface/control_play.png) left center no-repeat;
	font-size:14px;
}

.pedit{
	padding:2px 0 1px 17px;
	background:transparent url(/images/interface/film_add.png) left center no-repeat;
}
.pmodify{
	padding:2px 0 1px 17px;
	background:transparent url(/images/interface/page_white_edit.png) left center no-repeat;
}
.pactive,.pnactive{
	padding:2px 0 1px 17px;
	background:transparent url(/images/interface/accept.png) left center no-repeat;
}
.pnactive{
	background:transparent url(/images/interface/delete.png) left center no-repeat;
}
#admin{
	font-size:8px;
	
}

a.info,a.info2{
    position:relative; 
    z-index:24; 
    text-decoration:none;
}

a.info:hover,a.info2:hover{
	z-index:25; 
}

a.info span,a.info2 span{
	display: none;
	}

a.info:hover span{ 
 	display:block; 
 	position:absolute;
    top:2em; left:0em; width:15em;
    text-align: justify;
    font-weight:normal;
    padding:1px;
}

a.info2:hover span{
	 display:block; 
 	position:absolute;
    top:20px;
	left:-200px;
	width:15em;
    text-align: justify;
    font-weight:normal;
    padding:1px;
}
.dragZoneClassList {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left:0px;
    list-style-type:none;
    float: left;
}
.mediumZone{
    width:47%;
}
.dragZoneClassList ul{
    margin-top: 0px;
    padding-left:0px;
    list-style-type:none;
    display:none;
}

.dragZoneClassList li.sub{
    background-color: #DDD;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;    
    padding: 3px;    
}

.dragZoneClassList li{
    background-color: #EEE;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: dotted;
    border-left-style: solid;
    border-bottom-color: #999999;
    border-left-color: #D9D9D9;
    border-right-color: #D9D9D9;
    text-align:left;
    clear:both;    
}

.dragZoneClassList li:hover{
    cursor:move;
}
.dragZoneClassList li.row1 {
    background-color: #FFF;
    padding: 3px;
}

.dragZoneClassList li.row2 {
    padding: 3px;
    
}

.dragZoneClassList li.row0 {
    background-color: #555;
    padding: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 9pt;
}

.dragZoneClassList li.over {
    background-color: #555;
    color: #fff;
    padding: 3px;    
}

input.button:hover {
	color:black;
}
input.button {
	background:#F0F0F0 url(/images/interface/bginput.gif) repeat-x scroll 0%;
	border:1px solid #A4A4A4;
	color:#333333;
	font-size:12px;
	height:20px;
	padding-left:8px;
	padding-right:8px;	
}

input {
	padding:1px 3px;
}

.logout a{
	float:right;
	padding:2px 0 1px 17px;
	margin-bottom:5px;
	background:transparent url(/images/interface/connect.png) left center no-repeat;
}

.logout a:hover{
	background:transparent url(/images/interface/disconnect.png) left center no-repeat;
}

acronym {
cursor:help;
}
div#playerHeader{
	background-color:#FFFFFF;
}
div#playerHeader img{
	margin-right:5px;
}
div#playerHeader p{
	margin:0;
	line-height:20px;
	font-size:14px;
	color:#800000;
}
.highslide-wrapper {
    background-color: white;
}
/* Set 400px as the default width for expanders */
.highslide-wrapper .highslide-html-content {
    width: 70%;
	height: 70%;
    padding: 5px;	
}

.highslide-html-content {
	display: none;
}

/* The list of controls */
.highslide-wrapper .highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.highslide-wrapper .highslide-header ul li {
    display: inline;
    padding-left: 1em;
}
/* Hide the previous and next links */
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
    display: none;
}

.highslide-wrapper .highslide-header table{
    display:inline;
}

.highslide-wrapper .highslide-header a {
    font-weight: bold;
    text-decoration: none;
	color: white;
}
.highslide-wrapper .highslide-header a:hover {
    color: gray;
}
.highslide-wrapper .highslide-header .highslide-move a {
    cursor: move;
}
.highslide-wrapper .highslide-footer {
    height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
    cursor: nw-resize;
    float: right;
    height: 11px;
    width: 11px;
    background: url(/library/highslide/graphics/resize.gif);
    position: relative;
    top: 3px;
    left: 3px;
}

.highslide-header{
	min-width:300px;
	text-align:right;
}

/* popup image */

.highslide {
	cursor: url(/library/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	/*border: 2px solid gray;*/
}
.highslide:hover img {
	/*border: 2px solid white;*/
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    font-family: Verdana, Helvetica;
    font-size: 11pt;
    padding: 5px;
    background-color: white;
    text-align:left;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/library/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(/library/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(/library/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/library/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(/library/highslide/graphics/close.png);
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
   /* padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
    background-image:url(/images/interface/oeil.png);
	background-repeat:no-repeat;
	background-position : left top;*/
}

a.tooltip img{
	border:none;
	/*float:left;
	margin-right:-35px;*/
}

a.tooltip:hover{
	z-index:25;
}

a.tooltip span{
	display: none;
}

a.tooltip:hover span{ 
    display:block;
    position:absolute;
    top:40px;
	left:-70px;
	width:15em;
	background-color:#FFFFFF;
    border:2px solid #800000;
    color:#000000;
    text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.link11 {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
text-align:center;
text-decoration:none;
}