/* CSS FOR FIRST SESSION ON INDEX */ 
#agenda ul li.rowIndex span.sessionActionsIndex {
	float:right;
	font-size:12px;
	min-height:120px;
	padding-right:15px;
	width:115px;
	background-color:#BDE9FD;
	}
	
#agenda ul li.largeRow span.sessionActionsIndex {
	float:right;
	font-size:12px;
	min-height:120px;
	padding-right:15px;
	width:115px;
	background-color:#BDE9FD;
	}
	
#agenda ul li.rowIndex{
	background-repeat:repeat-x;
	border:0px;
	float:left;
	font-size:11px;
	font-weight:bold;
	position:relative;
	width:755px;
	height:120px;
	padding-right:0;
	}	
		
#agenda ul li.rowIndex.alt{
	background-color:#F2F2F2;
}

#agenda ul li span.sessionActionsIndex div.listActionsIndex{
	text-align:center;
	width:90px;
	height:100%;
	margin-top:30px;
	}
	
#agenda ul li span.sessionActionsIndex span.text{
	color:#066614;
	float:left;
	font-weight:bold;
	padding-top:17px;
	text-align:center;
	width:125px;
	font-size:11px;
	}
	
.titleFirstSession{
	color:#FF8106;
	font-weight: bold;
	font-size: 14px;
	height:5px;
	float: right;
	width: 755px;
	padding-top:10px;
	}

.free{
	color:#FF8106;
	font-weight: bold;
	font-size: 15px;
	}
	
	
/* CSS FOR PUBLIC SESSIONS */
#publicSessions{
	margin-bottom:60px;
	}

.compteurNextSession{
	color:#FB0136;
	font-size:22px;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
	}
	
.compteurNextSession span.Time{
	font-size:32px;
	}
	
.compteurNextSession span.Text{
	color:#575757;
	}
	
.checkoutClasses{
	text-align: center; 
	font-size: 14px; 
	color:#575757; 
	position:relative;
	margin-top:15px;
	font-weight:bold;
	}	
	
#joinLiveClass {
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	padding:10px 30px;
	height:100px;
	}

#joinLiveClass span.imgLiveClass {
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	float:left;
	height:80px;
	margin-left:0px;
	margin-right:20px;
	margin-top:10px;
	overflow:hidden;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	width:80px;
	}
	
#joinLiveClass span.infosLiveClass {
	float:left;
	height:auto;
	width:480px;
	}
	
#joinLiveClass span.infosLiveClass ul li.statusLiveClass{
	color:#FB0136;
	float:left;
	font-size:28px;
	font-weight:bold;
	padding-top:20px;
	padding-right:10px;
	}
	
#joinLiveClass span.infosLiveClass ul li.titleLiveClass{
	font-weight: bold;
	font-size: 24px;
	float:left;
	padding-top:23px;
	padding-bottom:1px;
	width:300px;
	}
	
#joinLiveClass span.infosLiveClass ul li.titleLiveClass a{
	color:#000000;
	}
	
#joinLiveClass span.infosLiveClass ul li.creditsLiveClass{
	color:#1FAEEC;
	font-size:19px;
	float:left;
	padding-top:12px;
	padding-right:10px;
	}
	
#joinLiveClass span.infosLiveClass ul li.attendeesLiveClass{
	color:#666666;
	font-size: 19px;
	float:left;
	padding-top:12px;
	}
	
#joinLiveClass span.buttonLiveClass{
	position:absolute;
	top:26px;
	}
	
button.joinLiveClassBtn, button.joinLiveClassBtnFR { 
	position:relative;
	padding:0 47px 36px 0; 
	margin-right:5px; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/joinLiveClassBtn.png) no-repeat; 
	}

button.joinLiveClassBtn span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	height:15px;
	padding:20px 0 0 40px;
	position:relative;
	text-shadow:1px 1px 2px #666666;
	}
	
button.joinLiveClassBtnFR span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	height:15px;
	padding:20px 0 0 9px;
	//padding:20px 0 0 11px;
	position:relative;
	text-shadow:1px 1px 2px #666666;
	}

button.joinLiveClassBtn:hover, button.joinLiveClassBtnHover, button.joinLiveClassBtnFR:hover, button.joinLiveClassBtnFRHover{
	background-position: 0 -72px; 
	}
	
button.joinLiveClassBtn:hover span, button.joinLiveClassBtnHover span, button.joinLiveClassBtnFR:hover span, button.joinLiveClassBtnFRHover span {
	background-position: 0 -72px;
	}
	
button.joinLiveClassBtn:active, button.joinLiveClassBtnActive, button.joinLiveClassBtnFR:active, button.joinLiveClassBtnFRActive{
	background-position: 0 -145px; 
	}
	
button.joinLiveClassBtn:active span, button.joinLiveClassBtnActive span, button.joinLiveClassBtnFR:active span, button.joinLiveClassBtnFRActive span {
	background-position: 0 -145px;
	}
	
.treatYourself{
	text-align: center;
	margin-top:5px;
	}
	
.treatYourselfText{
	color:#474747;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	}
	
.wantToTeachText{
	color:#474747;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
	
.dontMissText{
	color:#474747;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	}
	
.sepPublicLeft{
	text-align: center;
	margin-bottom:25px;
	}
	
.publicSessionsBtnCredits{
	margin-bottom:35px;
	margin-top:10px;
	text-align:center;
	}
	
.publicSessionsBtn{
	margin-bottom:25px;
	margin-top:10px;
	text-align:center;
	}
	
.mytimezonePublic{
	float:right;
	height:22px;
	margin-left:0;
	margin-right:3px;
	margin-top:-31px;
	padding:0;
	}
	
.mytimezonePublic span.title{
	font-size:11px;
	float:left;
	padding-right:5px;
	padding-top:7px;
	}
	
.mytimezonePublic span.text{
	float:left;
	}
	
.mytimezonePublic div.links{
	float:left;
	margin-left: 5px; 
	margin-top: 2px;
	width:70px;
	}
	
.sepAgenda{
	float:left;
	padding:10px 0 10px 350px;
	}
	
	
/* CSS FOR AGENDA */
#agendaSessions {
	float:left;
	width:755px;
	margin-top:18px;
	}

#agendaSessions ul li span{
	float:left;
	font-weight:normal;
	}

#agenda ul li.row, #agenda ul li.largeRow{
	background-repeat:repeat-x;
	border-bottom:1px solid #E7E7E7;
	border-top:1px solid #FFFFFF;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:120px;
	position:relative;
	width:755px;
	}	
	
#agenda ul li.largeRow{
	height:auto;
	}
	
#agenda ul li.row.alt{
	background-color:#F2F2F2;
}

#agenda ul#navBarreLink li.row{
	height:30px;
	}
	
#agenda ul li.largeRow{
	background-color:#F2F2F2;
	padding-bottom:10px;
	}

#agenda ul li.bar span.date {
	font-size:13px;
	float:left;
	margin-left:41px;
	margin-right:10px;
	padding-top:4px;
	width:40px;
}

#agenda ul li.bar span.invitees {
	font-size:13px;
	float:left;
	margin-left:20px;
	margin-right:10px;
	padding-top:4px;
	width:134px;
}

#agenda ul li.bar span.status {
	font-size:13px;
	float:left;
	margin-left:19px;
	margin-right:10px;
	padding-top:4px;
	width:286px;
}

#agenda ul li.bar span.attendees {
	font-size:13px;
	float:left;
	margin-left:60px;
	margin-right:10px;
	padding-top:4px;
	width:74px;
}

#agenda ul li.bar span.actions {
	font-size:13px;
	float:left;
	margin-left:50px;
	margin-right:10px;
	padding-top:4px;
	width:55px;
}

#agenda div.btns {
	float:right;
	height:22px;
	margin-left:0px;
	margin-right:3px;
	padding:0;
	margin-top:10px;
}

#agenda ul li span.sessionDate {
	float:left;
	margin-left:30px;
	margin-right:20px;
	width:110px;
	line-height:1.2;
	min-height: 120px;
	text-align: center;
}

#agenda ul li span.sessionDate ul li.date, #agenda ul li span.sessionDate ul li.dateLive, #agenda ul li span.sessionDate ul li.dateToday,
#agenda ul li span.sessionDate ul li.time, #agenda ul li span.sessionDate ul li.timeLive, #agenda ul li span.sessionDate ul li.timeToday {
	font-size:11px;
	padding-bottom:4px;
	}

#agenda ul li span.sessionDate ul li.day {
	font-size:15px;
	font-weight:bold;
	padding-top:33px;
	}
	
#agenda ul li span.sessionDate ul li.dayLive {
	font-size:15px;
	font-weight:bold;
	padding-top:33px;
	color:#FB0136;
	}
	
#agenda ul li span.sessionDate ul li.dayToday {
	font-size:15px;
	font-weight:bold;
	padding-top:33px;
	color:#066614;
	}
	
#agenda ul li span.sessionDate ul li.sessionCancelled {
	font-size:11px;
	color:#FB0136;
	font-weight:bold;
	}

#agenda ul li span.sessionAttendees {
	float:left;
	font-size:12px;
	line-height:1.6;
	margin-left:0;
	margin-right:20px;
	margin-top:20px;
	width:80px;
	height:80px;
	overflow:hidden;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	}

#agenda ul li span.sessionAttendees .ImgSession {
	width:80px;
	height:80px;
	overflow:hidden;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	background-color:#FFFFFF;
	}
	
#agenda ul li span.sessionStatus {
	font-size:12px;
	height:auto;
	margin-left:5px;
	margin-right:20px;
	width:340px;
	float:left;
	line-height:1.2;
	min-height: 120px;
	}	

#agenda ul li span.sessionStatus span.shareDivGen {
	width:65px;
	float:left;
}

#agenda ul li span.sessionStatus span.shareDivGen a {
	color:#335893;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}

#agenda ul li span.sessionStatus span.shareDivGen a:hover {
	text-decoration: underline;
	}

#agenda ul li span.sessionStatus ul li.title {
	padding-bottom:3px;
	padding-top:26px;
	float:left;
	width:340px;
	}
	
#agenda ul li span.sessionStatus ul li.title span.spanTitle{
	font-size:15px;
	font-weight:bold;
	max-height:20px;
	max-width:340px;
	}
	
#agenda ul li span.sessionStatus ul li.title span.spanTitle a{
	color:#000000;
	}
	
#agenda ul li span.sessionStatus ul li.topic {
	color:#6E6C6C;
	float:left;
	font-size:11px;
	font-weight:bold;
	}
	
#agenda ul li span.sessionStatus ul li.subtopic {
	font-size:11px;
	color:#6E6C6C;
	}
	
#agenda ul li span.sessionStatus ul li.description {
	font-size:11px;
	padding-bottom:5px;
	padding-top:3px;
	max-height:20px;
	max-width:340px;
	overflow:hidden;
	}
	
#agenda ul li span.sessionActions {
	float:right;
	font-size:12px;
	min-height:120px;
	padding-right:4px;
	width:125px;
	}	
	
#agenda ul li span.sessionActions div.listActions{
	text-align:center;
	width:90px;
	height:100%;
	padding-top:30px;
	}
	
#agenda ul li span.sessionActions div.listActions span.status{
	text-align:center;
	width:125px;
	height:100%;
	color:#FB0136;
	padding-bottom:10px;
	font-weight: bold;
	}
	
#agenda ul li span.priceFree{
	color:#FB0136;
	font-size:16px;
	font-weight:bold;
	padding-bottom:6px;
	padding-top:15px;
	text-align:center;
	width:125px;
	}
	
#agenda ul li span.price{
	color:#1EADEF;
	font-size:16px;
	font-weight:bold;
	padding-bottom:6px;
	padding-top:15px;
	text-align:center;
	width:125px;
	}
	
#agenda ul li span.numberAttendees{
	color:#666666;
	font-size:11px;
	padding-bottom:11px;
	text-align:center;
	width:125px;
	}
	
.listActionsAttend{
	text-align:center;
	width:93px;
	height:100%;
	padding-left:4px;
	}
	
#agenda ul li span.sessionAttend{
	background-color:#BDE9FD;
	float:right;
	font-size:12px;
	width:125px;
	min-height:120px;
	text-align:center;
	}	
	
#agenda ul li span.sessionAttend span.text{
	padding-bottom:14px;
	text-align:center;
	width:125px;
	font-size: 11px;
	}
	
#agenda ul.sessionBtnList{
	width:115px;
	}	
	
#agenda ul li span.sessionAttend span.textRed{
	color:#FF0000;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width:125px;
	}
	
#agenda ul li span.sessionAttend span.minimumCredits {
	color:#FF0000;
	font-size:11px;
	text-align:center;
	padding-top:25px;
	width:125px;
	padding-bottom:5px;
	}
	
#agenda ul li span.sessionAttendRequest{
	background-color:#BDE9FD;
	float:right;
	font-size:12px;
	width:125px;
	text-align:center;
	min-height:120px;
	line-height:1.1;
	}

#agenda ul li span.sessionAttendJoin, #agenda ul li span.sessionAttendJoinNow{
	background-color:#BDE9FD;
	float:right;
	font-size:12px;
	min-height:120px;
	width:125px;
	text-align:center;
	line-height:1.1;
	}
	
#agenda ul li span.sessionAttendRequest div.links{
	padding-left:17px;
	}

#agenda ul li span.sessionAttendJoin div.links, #agenda ul li span.sessionAttendJoinNow div.links{
	padding-left:30px;
	}
	
#agenda ul li span.sessionAttendRequest span.text, #agenda ul li span.sessionAttendJoin span.text{
	color:#066614;
	float:left;
	font-weight:bold;
	padding-top:5px;
	text-align:center;
	width:121px;
	font-size:11px;
	padding-left:2px;
	padding-right: 2px;
	}

#agenda ul li span.sessionAttendJoinNow span.text{
	color:#FB0136;
	float:left;
	font-weight:bold;
	padding-top:5px;
	text-align:center;
	width:125px;
	font-size:9px;
	}
	
#agenda ul.sessionBtnList li{
	display:inline-block;
	}

#agenda ul li div.sessionDetails {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color: #5a5a5a;
	float:left;
	height:auto;
	margin:12px 15px 2px;
	width:725px;
	display:none;
}

#agenda ul li.largeRow div.sessionDetails {
	display:block;
}

#agenda ul li div.sessionDetails  div.smallColumn, #agenda ul li div.sessionDetails  div.largeColumn  {
	display:inline-block;
	float:left;
	height:auto;
	margin-right:0;
	padding:5px 20px 5px 5px;
}

#agenda ul li div.sessionDetails  div.smallColumn{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:0px;
	width:200px;
	background-color: #5a5a5a;
	padding:10px;
	height:165px;
	}
	
#agenda ul li div.sessionDetails  div.smallColumn h1{
	font-size: 16px;
	text-decoration:underline;
	color:#ffffff;
	padding-bottom: 20px;
	text-shadow:1px 1px 2px #666666;
	}
	
#agenda ul li div.sessionDetails  div.smallColumn a {
	color:#45EA5D;
	text-decoration: none;
}

#agenda ul li div.sessionDetails  div.smallColumn a:hover {
	text-decoration: underline;
}

#agenda ul li div.sessionDetails  div.smallColumn div.shareDiv {
	background-color: #FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	margin-top:17px;
}

#agenda ul li div.sessionDetails  div.smallColumn div.shareDiv a {
	color:#335893;
	text-decoration: none;
}

#agenda ul li div.sessionDetails  div.smallColumn div.shareDiv a:hover {
	text-decoration: underline;
}
	
#agenda ul li div.sessionDetails  div.largeColumn{
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:5px;
	padding-left:25px;
	width:460px;
	padding-top:20px;
	background-color:#E7E7E7;
	min-height:160px;
	height:auto;
	}	
	
.eventBlock{
	width:440px;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInvitee{
	float:left;
	width:60px;
	margin-bottom:10px;
	max-height: 70px;
	}

#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInvitee span.imgUserInvitee{
	width:50px;
	height:50px;
	overflow:hidden;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInvitee span.nickname{
	display:block;
	float:left;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk{
	float:left;
	width:100%;
	margin-bottom:10px;
	padding:5px;
	background-color:#F2F2F2;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk span.imgUserAsk{
	display:block;
	float:left;
	width:30px;
	height:30px;
	overflow:hidden;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk span.nicknameUserAsk{
	display:block;
	float:left;
	padding-top:9px;
	width:240px;
	margin-left:15px;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk span.actionsUserAsk{
	display:block;
	float:left;
	padding-top:5px;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk .links{
	display:block;
	height:15px;
	position:relative;
	text-align:center;
	}	
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk .links button{
	display:block;
	float:left;
	margin-left:25px;
	}	
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk .links a{
	display:block;
	float:left;
	font-size:11px;
	margin-left:4px;
	padding-top:5px;
	text-decoration:none;
	}
	
#agenda ul li div.sessionDetails  div.largeColumn .eventBlock ul li.eventInviteeAsk .links a:hover{
	text-decoration:underline;
	}
	
#agenda span.textAttending{
	color:#666666;
	position:absolute;
	right:10px;
	text-align:center;
	top:10px;
	width:125px;
	}
	
#agenda span.textRequesting{
	color:#666666;
	position:absolute;
	right:10px;
	text-align:center;
	top:10px;
	width:125px;
	}
	
#agenda span.textRequestInvitation{
	position:absolute;
	right:10px;
	text-align:center;
	top:10px;
	color:#666666;
	}
	
#agenda ul li div.sessionDetails p{
	font-weight:normal;
	font-size:11px;
	line-height:1.2;
	margin-bottom:5px;
	width:auto;
	color:#ffffff;
	padding-left:7px;
	}
	
#agenda ul li div.sessionDetails .title{
	width:60px;
	color:#ffffff;
	}	
	
#agenda ul li div.sessionDetails .minimumFee{
	font-size:9px;
	padding-top:18px;
	padding-right:10px;
	}
	
#DivPopupRefresh.yui-panel .container-close{
	position:absolute;
	top:0px;
	right:0px;
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-10000em;
	text-decoration:none;
}		
	
	
/* SOUS MENU */
.statusEvent{
	color:#0191D5;
	float:right;
	font-size:11px;
	font-weight:normal;
	margin-right:-10px;
	margin-top:-52px;
	}

.eventHr {
	width:450px;
	float:left;
	}

#mainNavEvent{
	height:24px;
	position:relative;
	width:460px;
	}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}

#agendaSessions ul.tabsEvent li {
	float:left;
	line-height:1;
	margin-right:2px;
	width:110px;
	}

#agendaSessions ul.tabsEvent li a {
	color:#333333;
	cursor:pointer;
	display:block;
	font-weight:normal;
	height:10px;
	padding:6px 0 8px;
	text-decoration:none;
	width:110px;
	}

#agendaSessions ul.tabsEvent li a:hover{
	text-decoration:none;
	width:110px;
	height:10px;
	}

#agendaSessions ul.tabsEvent li span {
	display:block;
	font-size:9px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	width:112px;
	}
	
#agendaSessions ul.tabsEvent li a.currentEvent{
	background:#a3dcfd none repeat scroll 0 0;
	color: #000000;
	text-decoration:none;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	width:112px;
	height:10px;
	}
	
/* NEW MENU FOR AGENDA */
#agenda {
	min-height: 250px;
	}
	
#agenda a h2{
	color:#000000;
	float:left;
	width:auto;
	margin-right:15px;
	}
	
#agenda a{
	text-decoration: none;
	}
	
#agenda a.inactive:hover{
	opacity:1;
	filter: alpha(opacity = 100);
	background-color:#fff; /* for font smooth in IE */
	float:left;
	}
	
#agenda a.inactive{
	opacity:0.3;
	filter: alpha(opacity = 30);
	background-color:#fff; /* for font smooth in IE */
	float:left;
	}
	
#agenda span.numClasses, #agenda span.numClasses a{
	color:#1FAEEC;
	}