@charset "UTF-8";
/* CSS Document */

/* NEW LEFT */
.left {
	float:left;
	width:205px;
	}
	
.left ul.menuLeft {
	float:left;
	margin-top:50px;
	width:190px;
	}
	
.left ul.menuLeft a {
	color:#3e3e3e;
	height:42px;
	padding:10px 10px 10px 6px;
	width:185px;
	float:left;
	}
	
.left ul.menuLeft a:hover {
	text-decoration: none;
	}
	
.left ul.menuLeft li{
	border:1px solid #C6C6C6;
	border-top:none;
	float:left;
	height:42px;
	padding:10px 10px 10px 6px;
	width:185px;
	cursor: pointer;
	}
	
.left ul.menuLeft li:hover{
	background: url("../images/bgHoverLeft.png") repeat-x;
	}
	
.left ul.menuLeft li:active{
	background-position: 0 -64px;
	}
	
.left ul.menuLeft li.buyCredits{
	/*background: url("../images/bgBuyCredits.png") repeat-x;*/
	-moz-border-radius-topleft:5px;
	border-top:1px solid #c6c6c6;
	height:62px;
	padding:0;
	width:201px;
	}
	
.left ul.menuLeft li.buyCredits:hover{
	background: url("../images/bgHoverLeft.png") repeat-x;
	/*background-position: 0 -64px;*/
	}
	
.left ul.menuLeft li.buyCredits:active{
	background-position: 0 -64px;
	/*background-position: 0 -128px;*/
	}
	
.left ul.menuLeft li.getHelp{
	-moz-border-radius-bottomleft:5px;
	}
	
.left ul.menuLeft li img{
	float:left;
	}
	
.left ul.menuLeft li span.titleLeft{
	float:left;
	font-size: 18px;
	margin:7px 0px 5px 5px;
	width:135px;
	}
	
.left ul.menuLeft li span.titleLeftFR{
	float:left;
	font-size: 14px;
	margin:7px 0px 5px 5px;
	width:135px;
	}
	
.left ul.menuLeft li span.subtitleLeft{
	float:left;
	font-size:10px;
	margin-left:5px;
	width:135px;
	letter-spacing:-0.5px;
	//letter-spacing:-1px;
	}
	
.shadowLeft{
	background: url("../images/shadowLeft.png") no-repeat;
	width:13px;
	height:714px;
	float:left;
	}
	
	
/* Left */	
select.selectInputPopupEclass {
	border:1px solid #56c7fa;
	padding:4px 2px;
	height:26px;
	width:auto;
}

#left h3.name{
	margin-bottom:10px;
	}
	
#left h4.nickname{
	margin-bottom:10px;
	}	
	
#left img.profilePict{
	margin:auto auto 10px;
	display:block;}	
	
#startSession{
	margin-bottom:10px;}	
	
#left  ul#quickLinks{
	width:150px;
	margin:auto auto 20px;
	}

#left ul#quickLinks li{
	height:10px;
	padding:7px 0 7px 26px;
	position:relative;}
	
#left ul#quickLinks li a i{
	position:absolute;
	width:19px;
	height:19px;
	display:block;
	top:3px;
	left:0px;
	}

#left ul#quickLinks span:hover{ text-decoration:underline; }	
	
#left ul#quickLinks span.sessions{ color: #bf0404; }	
	
#left ul#quickLinks i.sessionsIcon{ background:url(../images/missedSessionIcon.png); }	
	
#left ul#quickLinks span.messages{ color: #045904; }

#left ul#quickLinks span.messages div#newMsgsAlert{ width:20px;float:left; }

#left ul#quickLinks span.sessions div#nbSessionsId{ width:15px;float:left; }
	
#left ul#quickLinks i.messagesIcon{ background:url(../images/atIcon.png); }

#left div.links{
	margin-left:5px;
	text-align:center;
	}
	
.leftBtnCredits{
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
	}	

.lessonNowWrapper{
	display:block;
	border-top:#333 solid 1px;
	border-bottom:#333 solid 1px;
	padding-top:5px;
	padding-bottom:18px;
	position:relative;
	margin-top:-1px;
	}
	
.lessonNow{
	width:80px;
	height:80px;
	margin: 0px auto;}	
	
.lessonNowWrapper span.title{	
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:auto auto 4px;
	text-align:center;
	line-height:1.2;
	width:80%;
	}		
	
.lessonNowWrapper span.sub{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:auto;
	text-align:center;
	line-height:1.2;
	width:80%;
	}		
	
.lessonNowWrapper .links{
	width:100%;
	height:15px;
	padding:18px 0 18px 0;
	position:absolute;
	bottom:1px;
	background-color:#FFF;
	text-align:center;
	width:165px;
	display:none;
	left:0px;
	}	
	
.lessonNowWrapper:hover .links{
	display:block;
	}		

.lessonNowWrapper .links a{
	margin-left:4px;
	display:block;
	float:left;
	padding-top:5px;	
	font-size:11px;
}
.lessonNowWrapper .links button{
	margin-left:4px;
	display:block;
	float:left;
	margin-left:36px;
}

/* MODIFY PICTURE */
.image{
	clear:both;
	display:inline-block;
	float:left;
	height:171px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:160px;
	margin-left:10px;
	}
	
.modifyPicContainer{
	position:relative;
	width:175px;
	height:160px;
	z-index:99;
	margin-bottom:30px;
	}

.modifyPic{
	box-shadow: 1px 1px 2px #3e3e3e;
	-moz-box-shadow: 1px 1px 2px #3e3e3e;
	-webkit-box-shadow: 1px 1px 2px #3e3e3e;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	background-color:#F2F2F2;
	left:173px;
	padding:5px 10px 15px 20px;
	position:absolute;
	top:0px;
	width:245px;
	height:95px;
	z-index:99999;
	border:1px solid #CCCCCC;
	}
	
.modifyPic span.title{
	font-size:14px;
	font-weight: bold;
	line-height: 3em;
	}
	
.modifyPic div.links{
	display:block;
	float:right;
	height:15px;
	padding:10px 0 15px;
	position:relative;
	text-align:center;
	width:145px;
	}
	
.modifyPic .links a {
	display:block;
	float:left;
	font-size:11px;
	margin-left:4px;
	text-decoration:none;
	padding-top:5px;
	}
	
.modifyPic .links a:hover {
	text-decoration:underline;
	}
	
.modifyPic div.links button {
	display:block;
	float:right;
	margin-right:14px;
	}

.modifyPicText{
	background-color:#F2F2F2;
	left:64px;
	padding:5px;
	position:absolute;
	top:0px;
	width:auto;
	z-index:99999;
	}
	
/* css for popup sign up */
#divPopupsignup{
	background-color:#ffffff;
	border:1px solid #CCC;
	height:auto;
	overflow:hidden;
	padding:5px 5px;
	width:500px;
	margin:15px 0 0 0;
	display:block;
	box-shadow: 1px 1px 2px #3e3e3e;
	-moz-box-shadow: 1px 1px 2px #3e3e3e;
	-webkit-box-shadow: 1px 1px 2px #3e3e3e;	
	}
#signup{
	float:left;
	margin-left:35px;
	position:relative;
	}
#signup span.signupLink{
	position:relative;
	float:right;
	margin-top:-18px;
	}

#signup span.signupLink a{
	color:#045904;
	text-decoration:none;
	}
	
#signup span.signupLink a:hover {
	text-decoration:underline;
	}
	
#signupForm{
	padding:25px;	
	}

#signup ul li {
	line-height:1.2;
	display:block;
	margin-bottom:13px;	
	
}

#signup ul.sign li {
	line-height:1.2;
	display:block;
	margin-bottom:6px;
	float:left;	
}

#signup ul li span.title {
	display:block;
	width:130px;
	color:#0191D5;
	float:left;
	padding-top: 3px;
	}
	
#signup ul li span.text {
	display:block;
	width:300px;
	float:left;
	margin-bottom: 5px;
	height: auto;
	}

#signup ul li span.text .champNick {
	display:block;
	margin-left:2px;
	width:300px;
	float:left;
	}
	
#signup ul li span.check {
	display:block;
	width:50px;
	margin-top:6px;
	float:left;
	}

#signup ul li.signupTerms {
	display:block;
	height:auto;
	line-height:20px;
	margin-bottom:6px;
	margin-left:127px;
	width:400px;	
}

#diverreur {	
	line-height:15px;
	width:450px;
	position:relative;
	float:left;
	margin:1px 0 0 25px;
}

.signupActions {
	font-size:12px;
	height:26px;
	margin-left:10px;
	margin-right:10px;
	padding-top:11px;
	width:130px;	
}

.signupActions .links{
	display:block;
	float:right;
	height:15px;
	padding:10px 0 15px 0;
	position:relative;
	text-align:center;
	width:165px;
	}
	
.signupActions .links button {
	display:block;
	float:left;
	margin-left:36px;
	}
	
.signupActions .links a {
	display:block;
	float:left;
	margin-left:4px;
	padding-top:5px;
	text-decoration:none;
	font-size:11px;
	}
	
.signupActions .links a:hover {
	text-decoration:underline;
	}
#DivPopupErreur.yui-panel .container-close{
	position:absolute;
	top:0px;
	right:0px;
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-10000em;
	text-decoration:none;
}		

.createProfile{
	width:150px;
	margin-bottom:20px;
	margin-left:1px;
	float:left;
}


/* BADGES LEFT FICHE USER */
#leftBadges {
	margin-top:40px;
	}

#leftBadges ul.containerBadges{
	float:left;
	margin:18px 5px 5px;
	width:165px;
	}
	
#leftBadges ul li.imgBadges{
	float:left;
	height:50px;
	width:50px;
	overflow:hidden;
	margin:0 5px 5px 0;
	}