/* TRASH BOXES */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	background: url(/design/imgs/sessions/sbbody-r-new.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/design/imgs/sessions/sbhead-r-new.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/design/imgs/sessions/sbhead-l-new.gif) no-repeat top left;
	margin: 0;
	padding: 16px 10px 3px;
	color: #FFCC00; 
	font-weight: bold; 
	font-size: 0.9em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/design/imgs/sessions/sbbody-l-new.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 21px 22px;
}

.sidebox2 {
	margin: 0 auto; /* center for now */
	background: url(/design/imgs/sessions/sbbody-r-new.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url(/design/imgs/sessions/sbhead-r-new.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead2 h2 {
	background: url(/design/imgs/sessions/sbhead-l-new.gif) no-repeat top left;
	margin: 0;
	padding: 20px 10px 3px;
	color: white; 
	font-weight: bold; 
	font-size: 0.9em; 
	line-height: 1.0em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody2 {
	background: url(/design/imgs/sessions/sbbody-l-new.gif) no-repeat bottom left;
	margin: 0;
	padding: 0 18px 20px;
}

.sidebox3 {
	margin: 0 auto; /* center for now */
	background: url(/design/imgs/sessions/sbbody-r-new.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead3 {
	background: url(/design/imgs/sessions/sbhead-r-new.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead3 h2 {
	background: url(/design/imgs/sessions/sbhead-l-new.gif) no-repeat top left;
	margin: 0;
	padding: 16px 10px 3px;
	color: white; 
	font-weight: bold; 
	font-size: 0.9em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody3 {
	background: url(/design/imgs/sessions/sbbody-l-new.gif) no-repeat bottom left;
	margin: 0;
	padding: 0 21px 22px;
}

/*-----------les div utiles*/

.newsletter {text-align:center;color:#444;font-weight:bold;font-size:0.8em;}
#saisimail{margin:0}
#saisimail input {	
	border:1px solid #707070;
	width:105px;
	background-color:white;
	color:#707070;
	font-weight:bold;
	margin:0;
	font-size:1.2em;
}
#saisimail textarea	{	
	border:1px solid #707070;
	background-color:white;
	color:#444444;
	font-weight:bold;
	margin:0;
	font-size:1.2em;
}
#saisimail textarea:focus,
#saisimail input:focus	{
	background-color:#E1E6FA;
	color:#444444;
	font-weight:bold;
	margin:0;
}
#subscription 	{width:55px;color:#444444;background-color:white;margin:0;padding:0}
#subscription:hover	{text-decoration:none;background-color:#E1E6FA;margin:0;padding:0}

#mainblock-sessions{vertical-align:top;background-color:#192938;}

.text-title	{background:url(/design/imgs/bloc-800.jpg);font-size:0.8em;color:#0B3762;padding:0.1em;}
.text-content {background:url(/design/imgs/bloc-800.jpg);font-size:0.8em;color:#ffcc00;border:1px solid #707070;padding:0.1em;}

.bandenextshow {background:transparent url(/design/imgs/barre-22.png) repeat-x;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:bold;color:white;padding:0.4em;padding-left:6px;font-size:0.8em;}
.bandeliked {font-weight:bold;color:white;padding:0.4em;padding-left:6px;font-size:0.8em;}
.bandeliked a {text-decoration:none;color:#9AB8D0;}
.bandeliked a:hover {text-decoration:underline;}
.bandenextshow a {text-decoration:none;color:#9AB8D0;}
.bandenextshow a:hover {text-decoration:underline;}

#shedule {color:white;}
#shedule tr {background-color:#00101f;vertical-align:top;}
#shedule tr:hover {background-color:#000D19;}
#shedule a {text-decoration:none;color:#9AB8D0;}
#shedule a:hover {text-decoration:underline;}
.shedule {padding:0.3em;font-size:0.7em;font-weight:bold;}

.img-dj			{opacity:0.9;filter:alpha(opacity=90); /* 0 à 100 */}
.img-dj:hover	{opacity:1;filter:alpha(opacity=100); /* 0 à 100 */}

.download-mix{background:url(/design/imgs/cask24r.png);display:block;float:right;width:20px;height:13px;margin:0 -1px 0 0;outline:none;} 
.download-mix:hover{background:url(/design/imgs/cask24.png)}

.download-mix2{background:url(/design/imgs/cask24r.png);display:block;float:right;width:20px;height:13px;margin:7px 0 0 0;outline:none;} 
.download-mix2:hover{background:url(/design/imgs/cask24.png)}
.download-mix2:focus{background:url(/design/imgs/cask24f.png)}

.more-mix{background:url(/design/imgs/dl-sessions-r.png);display:block;float:right;width:20px;height:13px;margin:20px -20px 0 2px;outline:none;} 
.more-mix:hover{background:url(/design/imgs/dl-sessions.png)}

.more-mix2{background:url(/design/imgs/dl-sessions-r.png);display:block;float:right;width:20px;height:13px;margin:7px 0 0 0;outline:none;} 
.more-mix2:hover{background:url(/design/imgs/dl-sessions.png)}
.more-mix2:focus{background:url(/design/imgs/dl-sessionsf.png)}

.play-mix{background:url(/design/imgs/play-off.png);display:block;float:right;text-align:center;width:124px;height:43px;outline:none;} 
.play-mix:hover{background:url(/design/imgs/play-on.png)}

/* Tableaux Sessions */

#sessions-table {width:100%}
#sessions-table td {background-color:#00101F;vertical-align:top;}
#sessions-table td:hover{background-color:#000d19;}
#sessions-table a {text-decoration:none;color:white;}
#sessions-table a:hover   {text-decoration:underline;}
#sessions-table img {opacity:0.9;/*width:78px;height:78px*/}
#sessions-table img:hover	{opacity:1;}

#sessions-table2 {width:68%}
#sessions-table2 td {background-color:#00101f;vertical-align:top;}
#sessions-table2 td:hover{background-color:#000d19;}
#sessions-table2 a {text-decoration:none;color:white;}
#sessions-table2 a:hover   {text-decoration:underline;}
#sessions-table2 img {opacity:0.9;/*width:78px;height:78px*/}
#sessions-table2 img:hover	{opacity:1;}
.sessions-odd {height:40px;}
.sessions-even{height:40px;}

.sessions-listen	{width:20px;padding:0 3px 0 3px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.sessions-images	{width:40px;padding:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.sessions-texte		{width:618px;;-moz-border-radius:2px;-webkit-border-radius:2px;}

.sessions-dj-name     {font-size:0.9em;font-weight:bold;color:white;margin:0;text-indent:3px;line-height:1.4em;}
.sessions-dj-name a   {color:#0B3762}
.sessions-date     {font-size:0.7em;text-indent:3px;line-height:1.3em;}
.sessions-date a   {color:#0B3762;}

/* Charts Pages */

#charts-div				{color:white;background-color:#192938;text-align:left;-moz-border-radius:2px;-webkit-border-radius:2px;}
#charts-div a            {text-decoration:none;color:#CDCDC9;}
#charts-div a:hover            {text-decoration:underline;}

#charts-div-img-featured          {float:left;margin:0;}
#charts-div-img          {float:left;margin:0 12px 0 0;border: 1px solid #444;}
#charts-div-title        {font-size:1.4em;font-weight:bold;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00101f;padding:3px;border-bottom:1px solid #001932}
#charts-div-label        {font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#charts-div-genre       {font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#charts-div-format       {font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#charts-div-release-date {font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#charts-div-disc-count   {font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#charts-div-track-count  {font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#charts-div-duration     {font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;;border-bottom:1px solid #001932;margin-bottom:0.3em;}
#charts-div-price        {margin-left:177px;width:20%;text-align:right;font-size:1em;color:#FEAA01;font-weight:bold;vertical-align:top;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00101f;border: 1px solid #0B3762;padding:3px;}

/* Navigation menu styles */

ul#navigationMenu{
	margin:0;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	-moz-border-radius:3px;-webkit-border-radius:3px;
}

ul#navigationMenu li{
	margin:1px;
	border:1px solid #192938;
	display:inline-block;
	float:left;
	height:14px;
	list-style-type:none;
	overflow:hidden;
	-moz-border-radius:3px;-webkit-border-radius:3px;
}

ul#navigationMenu li a, ul#navigationMenu li a:hover, 
ul#navigationMenu li a:visited{
	text-decoration:none;
}

.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:0 23px 0 22px;
	display:block;
}

.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	margin-top:-14px;
	background:url(/design/imgs/grey_bg.gif) repeat-x #00203f;
	-moz-border-radius:3px;-webkit-border-radius:3px;
	color:white;
}

.selectedMenu,.selectedMenu:visited {
	margin:0;
	color:#359fff;
}

.normalMenu, .normalMenu:visited{
	color:white;
	background:url(/design/imgs/dark_bg.gif) repeat-x #00203f;
	-moz-border-radius:3px;-webkit-border-radius:3px;
}

/* album feedbacks */
.feedbackcontent{color:#CDCDC9;}
/* facebox (popup window) */
#facebox .b {background:url(/design/imgs/b.png);}
#facebox .tl {background:url(/design/imgs/tl.png);}
#facebox .tr {background:url(/design/imgs/tr.png);}
#facebox .bl {background:url(/design/imgs/bl.png);}
#facebox .br {background:url(/design/imgs/br.png);}
#facebox {position: absolute;top:0px;left:0;z-index:100;text-align:left;}
#facebox .popup {position: relative;margin-top:129px;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom:0;padding:0;}
#facebox .body {width:385px;font-size:0.8em;padding:2px;background:#192938;border-left:0.0625em solid #262626;border-top:0.0625em solid #282828;border-right:0.0625em solid #090909;border-bottom:0.0625em solid #0a0a0a;-moz-border-radius:2px;-webkit-border-radius:2px;}
.content {padding:3px 4px 3px 4px;background:#00101f;-moz-border-radius:2px;-webkit-border-radius:2px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border:0;margin:0;}
#facebox .footer {text-align:right;margin:0 6px 0 0;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height:9px;width:9px;overflow:hidden;padding:0;}
#facebox_overlay {position:fixed;top:0px;left:0px;height:100%;width:100%;background:#0B3762;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color:#000;z-index:99;}
* html #facebox_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#tracklisting-sessions-img		{float:right;padding-right:9px;}

#album-div				{color:white;background-color:#192938;text-align:left;-moz-border-radius:2px;-webkit-border-radius:2px;}
#album-div a            {text-decoration:none;color:#CDCDC9;}
#album-div a:hover            {text-decoration:underline;}

#album-div-img          {float:left;margin:0 15px 0 0;border: 1px solid #444;}
#album-div-title        {margin-left: 177px;font-size:1.4em;font-weight:bold;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00101f;padding:3px;border-bottom:1px solid #001932}
#album-div-label        {margin-left: 177px;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#album-div-genre       {margin-left: 177px;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#album-div-format       {margin-left: 177px;font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#album-div-release-date {margin-left: 177px;font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#album-div-disc-count   {margin-left: 177px;font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#album-div-track-count  {margin-left: 177px;font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;border-bottom:1px solid #001932}
#album-div-duration     {margin-left: 177px;font-size:0.9em;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00203F;padding:2px;;border-bottom:1px solid #001932;margin-bottom:0.3em;}
#album-div-price        {margin-left:177px;width:20%;text-align:right;font-size:1em;color:#FEAA01;font-weight:bold;vertical-align:top;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#00101f;border: 1px solid #0B3762;padding:3px;}

.share-rollover {background:url(/design/imgs/share-sessions.png);display:block;float:right;text-align:center;width:80px;height:18px;margin-right:12px;outline: none;} 
.share-rollover:hover {background:url(/design/imgs/share-sessions-r.png);}
.share-rollover:focus {background:url(/design/imgs/share-sessions-r.png);}
.share-all-rollover {background:url(/design/imgs/share-sessions.png);display:block;float:right;text-align:center;width:80px;height:18px;margin:-3px 3px 0 0;outline: none;} 
.share-all-rollover:hover {background:url(/design/imgs/share-sessions-r.png);}
.share-all-rollover:focus {background:url(/design/imgs/share-sessions-r.png);}


#rightcol-sessions{width:180px;height:100%;}

/* TABS JQUERY */

/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }

/* Misc visuals */
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers */
.ui-widget { font-family: Arial, sans-serif;}
.ui-widget .ui-widget {width:400px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }
.ui-widget-content {color: #cdcdc9; }
.ui-widget-header { font-size:0.8em;color: #cdcdc9; font-weight: bold; }
.ui-widget-header a { color: #cdcdc9; }

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(/design/imgs/dark_bg.gif) repeat-x #00203F;		font-weight: bold; color: #CDCDC9; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #666; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {  background:#0B3762;font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:url(/design/imgs/grey_bg.gif) repeat-x #00203F;font-weight: bold; color: #ffffff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #8f0466; background: #f421b6 url(/design/imgs/ui-bg_inset-soft_10_f421b6_1x100.png) 50% bottom repeat-x; color: #ffffff; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #ffffff; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #9e0505; background: #cd0a0a url(/design/imgs/ui-bg_inset-hard_45_cd0a0a_1x100.png) 50% bottom repeat-x; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Misc visuals */
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* Tabs-Featured */
.ui-tabs { position: relative;width:100%;padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0; border-bottom: 0 !important; width: 19.385em; white-space: nowrap; cursor: pointer; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .2em .5em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;background:#00203F;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.button-viewall-hp {background:#333;margin-left:534px;font-size:0.8em;padding:2px;line-height:2.5em;font-weight:bold;text-align:center;border:1px solid #080808;-moz-border-radius:3px;-webkit-border-radius:3px;}
.button-viewall-hp:hover {background-color:#555;}

.b1 {float:left;}
.b2 {float:right;margin-right:19px;}