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

/* HomeSessions */	

#resultlogin {
	color:#FF0000;
	margin-top:5px;
	font-size:12px;
	}

#listSessionsHome{
	float:left;
	height:auto;
	padding-top:1px;
	width:755px;
	}
	
#listSessionsHome ul li.row{
	background-repeat:repeat-x;
	border-bottom:1px solid #E7E7E7;
	border-top:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:30px;
	position:static;
	width:100%;
	}	
	
#listSessionsHome ul li.row.alt{
	background: #F2F2F2;
}

#listSessionsHome ul li span{
	float:left;
	font-weight:normal;
	height:15px;
	overflow:hidden;
	}

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

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

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

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

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

#homeSessions div.btns {
	float:right;
	height:22px;
	margin-left:0px;
	margin-right:3px;
	padding:0;
	margin-top:-28px;
}
	
#homeSessions ul li span.sessionIcon {
	background:url(../images/logoBullet.png) no-repeat 0px 8px;
	margin-left:19px;
	margin-right:10px;
	width:16px;
	height:30px;
	padding-bottom:8px;
	padding-top:8px;
	}

#homeSessions ul li span.sessionDate {
	font-size:12px;
	float:left;
	margin-left:30px;
	margin-right:10px;
	width:160px;	
	padding-bottom:8px;
	padding-top:8px;
	}
	
#homeSessions ul li span.sessionImage {
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	width:25px;
	padding-bottom:8px;
	padding-top:3px;
	}	
	
#homeSessions ul li span.sessionTitle {
	font-size:12px;
	margin-right:10px;
	width:285px;
	padding-bottom:8px;
	padding-top:8px;
	}
	
#homeSessions ul li span.sessionTitle a {
	color:#000000;
	}
	
#homeSessions ul li span.sessionAttendees {
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	width:180px;
	padding-bottom:8px;
	padding-top:8px;
	}	
	
#homeSessions ul li span.sessionStatus {
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	width:120px;
	font-style:italic;
	padding-bottom:8px;
	padding-top:8px;
	}	
	
#homeSessions ul li span.sessionActions {
	font-size:12px;
	height:26px;
	margin-left:85px;
	margin-right:10px;
	margin-top:-21px;
	width:120px;
	}	
	
#homeSessions ul li span.sessionTxtJoin {
	color:#FF6100;
	display:block;
	float:left;
	font-size:10px;
	padding-top:9px;
	width:95px;
	margin-left:55px;
	}	
	
#homeSessions ul.sessionBtnList li{
	display:inline-block;
	float:left;
	}

#homeSessions ul.sessionBtnList li.settingsBtn{
	float:right;
}

#homeSessions ul.sessionBtnList li.joinBtn{
	margin-right:5px;	
}


/* HomeContacts */	
#homeContacts .wrapperContent{
	width:625px;
	overflow:hidden;}
	
#homeContacts .wrapperContent span.noContacts{
	display:block;
	float:left;
	padding:17px 0 0 10px;
	}
	
ul.contactList{
	display:block;
	margin-top:13px;
	height:122px;
	margin-top:13px;
	overflow:hidden;
	}	

ul.contactList li{
	float:left;
	margin-right: 24px;
	width:100px;
	position:relative;
	margin-bottom:100px;
	}
	
ul.contactList li div.imageOverflow{
	overflow:hidden;
	width:95px;
	height:95px;
	}
	
ul.contactList li span.contactName{
	display:block;
	line-height:1.3;
	width:100px;
	height:30px;
	}	

ul.contactList li span.contactName a{
	color:#0191D5;
	font-size:11px;
}

ul.contactList li span.contactName a:hover{
	text-decoration:underline;
	cursor:pointer;
}

ul.contactList li ul{
	position:absolute;
	background-color:#FFFFFF;
	padding:6px 10px 6px 0;
	position:absolute;
	z-index:9999;
	right:0px;
	bottom:30px;
	display:none;	
	width:85px;
	}
	
ul.contactList li:hover ul{
	display:block;}

ul.contactList li ul li{
	clear:both;
	float:right;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	text-align:right;
	width:78px;
	}
	
ul.contactList li ul li a{
	 font-size:11px;}	

#homeContacts .btns{
	float:right;
	height:22px;
	margin-left:0;
	margin-right:3px;
	margin-top:-28px;
	padding:0;
	}
	
#homeContacts .morecontacts{
	right:8px;
	position:absolute;
	top:52px;
	font-size: 11px;
	z-index:9999;
	}
	

/*HomeAccount*/
#homeAccount .wrapperContent{
	border:1px solid #CCC;
	height:200px;
	overflow:hidden;
	padding:3px 10px;
	width:450px;
	margin-top:15px;
	display:block;
	float:left;
}	

#homeAccount span.balanceTitle {
	color:#A1A1A1;
	display:block;
	font-size:24px;
	position:absolute;
	right:0;
	text-align:center;
	top:106px;
	width:250px;}

#homeAccount span.balance{
	color:#A1A1A1;
	display:block;
	font-size:37px;
	right:35px;
	text-align:center;
	width:250px;
	top:150px;
	position:absolute;}

#homeAccount span.amountcredits{
	color:#A1A1A1;
	display:block;
	position:absolute;
	right:78px;
	text-align:right;
	top:-1px;
	width:150px;
}

#homeAccount span.balancecredits{
	color:#A1A1A1;
	display:block;
	font-size:18px;
	right:23px;
	text-align:center;
	top:17px;
	width:50px;
	position:absolute;
}

#homeAccount .btns{
	float:right;
	height:22px;
	margin-left:0;
	margin-right:3px;
	margin-top:-28px;
	padding:0;
	}
	 
#trsactsHome ul li span, #notrsactsHome ul li span{
	float:left;
	font-weight:normal;
	height:15px;
	overflow:hidden;
	}

ul li span.trsactDate {
	font-size:12px;
	margin-left:29px;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:8px;
	width:154px;
	}
	
ul li span.trsactCounterpart {
	font-size:12px;
	margin-left:0;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:8px;
	width:145px;
	}

ul li span.trsactAmount {
	font-size:13px;
	margin-left:0;
	margin-right:0;
	padding-bottom:8px;
	padding-top:8px;
	text-align:center;
	width:95px;
	}

li.bar span.trsactsDate {
	font-size:13px;
	margin-left:30px;
	margin-right:10px;
	padding-top:4px;
	width:78px;
}	
li.bar span.trsactsCounterpart {
	font-size:13px;
	margin-left:74px;
	margin-right:10px;
	padding-top:4px;
	width:134px;
}	
li.bar span.trsactsAmount {
	font-size:13px;
	margin-left:25px;
	margin-right:10px;
	padding-top:4px;
	width:53px;
}	
li span.trsactAmount a.positive{
	color:#01B101;
	cursor: default;
	}
	
li span.trsactAmount a.positive:hover{
	text-decoration: none;
	}
	
li span.trsactAmount a.negative{
	color:#900;
	cursor: default;
	}	
	
li span.trsactAmount a.negative:hover{
	text-decoration: none;
	}
	
#trsactsHome ul li.row{
	background-repeat:repeat-x;
	border-bottom:1px solid #E7E7E7;
	border-top:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:30px;
	position:static;
	width:100%;
	}	
	
#trsactsHome ul li.row.alt{
	background: #F2F2F2;
}

/*HomeSlideShow*/	
#slideshow { 
	height: 186px; 
	width: 755px;  
	padding: 0;  
    margin:  0; 
	z-index:1; 
	}
	
#nav a{
	display:inline-block;
	text-indent:-9px;
	background:url(../images/slideShowBtn.png);
	height:14px;
	width:14px;
	overflow:hidden;
	z-index:25;
	background-position: 14px 0;
	}	
	
#nav{
	position:absolute;
	z-index:6;
	bottom:6px;
	position:absolute;
	right:12px;
	z-index:6;
	}	

#nav a.activeSlide{
	background-position: 0px 0px;}
	
.rdCornerUpLeft{
	height: 10px;
	width:10px;
	background:transparent url(../images/roundcorners.png) 10px 10px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:100;
	}

.rdCornerUpRight{
	height: 10px;
	width:10px;
	background:transparent url(../images/roundcorners.png) 0px 10px;
	top:0px;
	right:0px;
	position:absolute;
	z-index:100;
	}
	
.rdCornerBottomLeft{
	height: 10px;
	width:10px;
	background:transparent url(../images/roundcorners.png) 10px 0px;
	bottom:0px;
	left:0px;
	position:absolute;
	z-index:100;
	}	
	
.rdCornerBottomRight{
	height: 10px;
	width:10px;
	background:transparent url(../images/roundcorners.png) 0px 0px;
	bottom:0px;
	right:0px;
	position:absolute;
	z-index:100;
	}	
	
/* SLIDESHOW INDEX */
.slideshowBg{
	width:755px;
	height:186px;
	position:absolute;
	background-image:url(../images/getStartedBg.jpg);
}

.slideDark{	
	width:755px;
	height:186px;
	position:relative;
	}
	
.slideDark h2{
	position:absolute;
	color:#FFF;
	text-shadow:#000 1px 1px 3px;
	top:30px;
	left:180px;
	font-size:22px;
	font-weight:normal;
	}	
	
.slideDark span.text{
	position:absolute;
	color:#FFF;
	top:72px;
	left:180px;
	font-size:12px;
	font-weight:normal;
	width:560px;
	}		
	
#getStarted1 img{
	position:absolute;
	left:30px;
	top:28px;
	}	
	
#getStarted2 img{
	position:absolute;
	left:38px;
	top:11px;
	}		

.slideDark a{
	color: #befcbe;
	}
	
.getStedBtnLi{
	position:absolute;
	top:136px;
	}	

#getStarted1 .getStedBtnLi{
	left:335px;
	}

#getStarted2 .getStedBtnLi{
	left:365px;
	}
	
.getStedBtnLi li{
	float:left;
	display:block;
	margin-right:5px;
	}		
	
#nextBtn{
	position:absolute;
	left:400px;
	top:136px;
	z-index:9999;
	}
	
#next2, #prev2{
	cursor: pointer;
	position:absolute;
	bottom:10px;
	z-index:9999;
	}
		
#next2{
	right:0px;
}

#prev2{
	left:0px;
}		

#homeSlides{
	/*override wrapper default*/
	margin-bottom:20px;
}

.compteurNextSession{
	color:#FB0136;
	font-size:22px;
	font-weight:bold;
	padding-top:55px;
	text-align:right;
	padding-right:55px;
	}
	
.compteurNextSession span.Time{
	font-size:32px;
	}
	
.compteurNextSession span.Text{
	color:#575757;
	}
	
.checkoutClasses{
	text-align: right; 
	font-size: 14px; 
	color:#575757; 
	position:relative;
	margin-top:15px;
	font-weight:bold;
	padding-right:55px;
	}
	
#publishEduVideo{
	text-align: center; 
	color:#575757;
	}	
	
#publishEduVideo h1{
	font-size: 22px; 	 
	position:relative;
	margin-top:15px;
	font-weight:bold;
	margin-bottom: 10px;
	}
	
#publishEduVideo h1 a{
	color:#575757;
	}
	
#publishEduVideo h1 a:hover{
	text-decoration: underline;
	}
	
#publishEduVideo h2{
	font-weight:normal;
	font-size: 12px;
	margin-bottom: 20px;
	}
	
#publishEduVideo h3{
	font-weight:bold;
	font-size: 14px;
	color:#FB0136;
	margin-bottom: 20px;
	}
	
#publishEduVideo h3 a{
	color:#FB0136;
	}
	
#publishEduVideo h3 a:hover{
	text-decoration: underline;
	}
	
#publishEduVideo a:hover{
	text-decoration: none;
	}
	
#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;
	}
	
	
/* CSS FOR NEW INDEX WITH FEEDS */
/* SUB HEADER */
.subHeader{
	height:338px;
	width:auto;
	background:transparent url(../images/subHeaderBg.jpg) repeat-x scroll 0 0;
	margin-top:-50px;
	}

.subHeaderContent {
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:1020px;
	}
	
.subHeader div.imgSearch {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/inputSearch.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:49px;
	width:537px;
	}
	
.subHeader div.imgSearchFR {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/inputSearchFR.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:49px;
	width:537px;
	}
	
.subHeader div.imgSearch:hover, .subHeader div.imgSearchFR:hover {
	background-position: 0 -50px;
	}
	
.subHeader div.imgSearch:active, .subHeader div.imgSearchFR:active {
	background-position: 0 -100px;
	}
	
.signupBar{
	height:87px;
	width:auto;
	background:transparent url(../images/signupBar.png) repeat-x scroll 0 0;
	margin-bottom:40px;
	}
	
.signupBarContent {
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:900px;
	}
	
.signupBarContent h1 {
	color:#00293E;
	font-size:20px;
	font-weight:bold;
	width:500px;
	float:left;
	margin-right:60px;
	margin-top:27px;
	height:30px;
	}
	
.signupBarContent a {
	color:#717171;
	float:left;
	font-size:18px;
	font-weight:bold;
	margin-left:40px;
	margin-top:31px;
	height:30px;
	}
	
button.submitHomeGreenBtn { 
	position:relative;
	background:transparent url(../images/homeGreenBtn.png) no-repeat; 
	width:240px;
	height:65px;
	margin-top:8px;
	float:left;
	}
button.submitHomeGreenBtn:hover, button.submitHomeGreenBtnHover{
	background-position: 0 -61px; 
	}
	
button.submitHomeGreenBtn:active, button.submitHomeGreenBtnActive{
	background-position: 0 -122px; 
	}
	
.inputSearchBox{
	position:absolute;
	right:14px;
	top:190px;
	}
	
.subHeader button.btnSearch {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	float:left;
	height:44px;
	line-height:0;
	margin:2px 0 0 3px;
	overflow:visible;
	padding:0;
	position:relative;
	width:133px;
	}

.subHeader .searchInput{
	border:medium none;
	color:#666666;
	float:left;
	font-size:16px;
	height:25px;
	margin-left:2px;
	margin-top:2px;
	padding:12px 2px 7px 15px;
	width:380px;
	}


/* HOME FEEDS */
#homeFeeds ul li.containerFeeds{
	border-bottom: 1px solid #E7E7E7;
	float:left;
	/*height:135px;*/
	height:auto;
	position:relative;
	width:475px;
	}
	
#homeFeeds ul li.containerFeeds span.imgFeeds{
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	float:left;
	height:50px;
	margin:20px;
	overflow:hidden;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	width:50px;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds{
	float:left;
	font-size:12px;
	height:auto;
	line-height:1.2;
	margin-right:20px;
	margin-bottom:20px;
	width:365px;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds ul li.titleFeeds{
	float:left;
	padding-bottom:7px;
	padding-top:24px;
	width:385px;
	font-size: 14px;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds ul li.dateFeeds{
	float:left;
	padding-bottom:7px;
	width:auto;
	font-size: 12px;
	color:#6E6C6C;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds ul li.descFeeds{
	font-size:11px;
	padding:10px;
	float: left;
	clear: left;
	color:#999999;
	height:auto;
	width:345px;
	background-color: #EFEFEF;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds ul li.descFeeds span.imgDesc{
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	float:left;
	height:50px;
	margin-right:10px;
	overflow:hidden;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	width:50px;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds ul li.descFeeds a{
	font-size:13px;
	}
	
#homeFeeds ul li.containerFeeds span.contentFeeds ul li.descFeeds p{
	font-size:12px;
	height:auto;
	}
	

/* HOME TEACHERS, HOME VIDEOS */
#homeTeachers ul li.containerTeacher, #homeVideos ul li.containerVideo{
	float:left;
	height:130px;
	margin-left:15px;
	margin-top:18px;
	width:105px;
	}
	
#homeTeachers ul li.containerTeacher span.imgTeacher, #homeVideos ul li.containerVideo span.imgVideo{
	float:left;
	height:95px;
	margin-right:10px;
	overflow:hidden;
	width:95px;
	}

#homeVideos ul li.containerVideo span.imgVideo{
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	margin-bottom:5px;
	//border:1px solid #ccc;
	}
	
#homeTeachers ul li.containerTeacher span.nicknameTeacher, #homeVideos ul li.containerVideo span.titleVideo{
	display:block;
	height:30px;
	line-height:1.3;
	width:100px;
	margin-left:2px;
	overflow:hidden;
	}
	
#homeTeachers ul li.containerTeacher span.nicknameTeacher a, #homeVideos ul li.containerVideo span.titleVideo a {
	color:#0191D5;
	font-size:11px;
	}
	
#homeTeachers .moreTeachers , #homeVideos .moreVideos {
	float:right;
	font-size:12px;
	margin-top:15px;
	}
	
	
/* CSS NEW HOME OCTOBER 2010 */
body{
	background: url("../images/bgHome.jpg") no-repeat center top;
	}
	
.logoHome{
	background: url("../images/logoHome.png") no-repeat;
	width:225px;
	height: 65px;
	}
	
.taglineHome{
	background: url("../images/taglineHome.png") no-repeat;
	width:684px;
	height: 60px;
	margin:auto;
	margin-top:50px;
	}
	
.taglineHomeFR{
	background: url("../images/taglineHomeFR.png") no-repeat;
	width:764px;
	height: 60px;
	margin:auto;
	margin-top:50px;
	}
	
.startHome{
	margin-top:42px;
	text-align:right;
	}

.headerHome{
	height:273px;
	margin:auto;
	width:1000px;
	}
	
.mainHome{
	position:relative;
	margin:auto;
	width:1000px;
	height:350px;
	margin-top: 25px;
	}
	
.mainHome .mainBtn{
	width:162px;
	height: 320px;
	float:left;
	position: relative;
	}
	
.mainHome .imgLearners{
	background: url("../images/bgBtnHomeLearners.png") no-repeat;
	width:162px;
	height: 320px;
	float:left;
	}
	
.mainHome .imgLearnersFR{
	background: url("../images/bgBtnHomeLearnersFR.png") no-repeat;
	width:162px;
	height: 320px;
	float:left;
	}
	
.mainHome .imgTeachers{
	background: url("../images/bgBtnHomeTeachers.png") no-repeat;
	width:162px;
	height: 320px;
	float:left;
	}
	
.mainHome .imgTeachersFR{
	background: url("../images/bgBtnHomeTeachersFR.png") no-repeat;
	width:162px;
	height: 320px;
	float:left;
	}
	
.mainHome .btnLearners{
	width:162px;
	height: 160px;
	cursor: pointer;
	position:absolute;
	top:0px;
	}
	
.mainHome .btnTeachers{
	width:162px;
	height: 160px;
	cursor: pointer;
	position:absolute;
	top:160px;
	}


/* LEARNERS & TEACHERS PART */
.mainHome .mainLearners{
	float:left;
	width:838px;
	}
	
.mainHome .mainTeachers{
	float:left;
	width:838px;
	}
	
.mainLearners .mainLearnersLeft, .mainLearners .mainLearnersRight,
.mainTeachers .mainTeachersLeft, .mainTeachers .mainTeachersRight {
	float:left;
	padding:20px 30px;
	width:350px;
	text-align:right;
	}
	
.mainLearners .mainLearnersLeft h1, .mainLearners .mainLearnersRight h1,
.mainTeachers .mainTeachersLeft h1, .mainTeachers .mainTeachersRight h1 {
	font-size:22px;
	margin-bottom:10px;
	text-align:left;
	}
	
.mainLearners .mainLearnersLeft .red,
.mainTeachers .mainTeachersLeft .red {
	color:#DE013D;
	}
	
.mainLearners .mainLearnersRight .blue,
.mainTeachers .mainTeachersRight .blue {
	color:#00C0FF;
	}
	
.mainLearners .mainLearnersLeft p, .mainLearners .mainLearnersRight p,
.mainTeachers .mainTeachersLeft p, .mainTeachers .mainTeachersRight p {
	color:#626262;
	line-height:1.2em;
	text-align:left;
	}
	
.mainLearners .mainLearnersCenter,
.mainTeachers .mainTeachersCenter {
	background: url("../images/sepHome.png") no-repeat;
	width:2px;
	height: 314px;
	float: left;
	}
	
.mainTeachers .mainTeachersRight img {
	cursor: pointer;
	margin-bottom:10px;
	}
	
.mainHome .masqueFeed {
	background: url("../images/masqueFeed.png") no-repeat;
	width:355px;
	height: 40px;
	position:absolute;
	bottom:-3px;
	}
	
.mainHome .feedHome{
	background: url("../images/bgFeedsHome.png") no-repeat;
	width:355px;
	height: 204px;
	margin-bottom:10px;
	position:relative;
	overflow: hidden;
	}
	
.mainHome .feedHome .feedContainer{
	height:180px;
	position:absolute;
	top:20px;
	width:355px;
	}

.mainHome .feedHome .feed{
	float:left;
	height:50px;
	/*padding:0 10px 10px 10px;*/
	text-align: left;
	color:#626262;
	font-size:12px;
	width:355px;
	/*margin-top: 10px;*/
	}
	
/*.mainHome .feedHome ul{
	float:left;
	padding:10px;
	height:180px;
	overflow:hidden;
	}
	
.mainHome .feedHome ul li{
	clear:left;
	float:left;
	font-size:12px;
	height:auto;
	padding:10px;
	text-align: left;
	color:#626262;
	}*/
	
.mainHome .feedHome .feed span.img{
	cursor:pointer;
	float:left;
	height:30px;
	margin-right:10px;
	margin-left:20px;
	margin-top:10px;
	overflow:hidden;
	width:30px;
	}
	
.mainHome .feedHome .feed span.title {
	float:left;
	height:13px;
	margin-bottom:4px;
	margin-top:13px;
	overflow:hidden;
	width:270px;
	}

.mainHome .feedHome .feed span.title a{
	font-weight: bold;
	}

.mainHome .feedHome .feed span.date {
	float:left;
	font-size:11px;
	width:250px;
	}


	
.mainLearners .mainLearnersRight ul.videosHome{
	height:186px;
	margin-bottom:10px;
	margin-left:20px;
	margin-top:18px;
	width:355px;
	}
	
.mainLearners .mainLearnersRight ul.videosHome li{
	background-color: #ffffff;
	float:left;
	width:140px;
	height:80px;
	margin-bottom:10px;
	margin-right:10px;
	box-shadow: 1px 1px 2px #3e3e3e;
	-moz-box-shadow: 1px 1px 2px #3e3e3e;
	-webkit-box-shadow: 1px 1px 2px #3e3e3e;
	}
	
.mainLearners .mainLearnersRight ul.videosHome li img:hover{
	opacity:0.3;
	filter: alpha(opacity=30);
	background-color:#FFFFFF;
	}
	
.mainLearners .mainLearnersRight ul.videosHome li:hover{
	background: url("../images/recordHomeThumbOver.png") no-repeat;
	width:140px;
	height:80px;
	}

/* JOIN COMMUNITY PART */
.signupHome{
	height:457px;
	margin:auto;
	width:1000px;
	padding:45px 0;
	color: #ffffff;
	}
	
.signupHome h1{
	font-size:43px;
	margin-bottom:40px;
	width:640px;
	text-shadow: 1px 1px 2px #000;
	}
	
.signupHome h2{
	font-size:20px;
	font-weight:bold;
	margin-left:64px;
	margin-bottom:10px;
	width:620px;
	text-shadow: 1px 1px 2px #000;
	}
	
.signupHome h3{
	font-size:12px;
	font-weight:normal;
	margin-left:64px;
	width:620px;
	text-shadow: 1px 1px 2px #000;
	}
	
.signupHome .signupForm{
	background: url("../images/bgSignupForm.png") no-repeat;
	width:500px;
	height: 240px;
	margin-left:60px;
	margin-top: 45px;
	text-align: center;
	position: relative;
	}

.signupHome .signupForm ul{
	float:left;
	height:140px;
	padding:20px 30px;
	width:205px;
	}
	
.signupHome .signupForm ul.left{
	padding:20px 0px 17px 26px;
	}
	
.signupHome .signupForm ul.right{
	padding:20px 30px 17px 30px;
	}
	
.signupHome .signupForm ul li.label{
	color:#FFFFFF;
	margin-bottom:5px;
	margin-left:6px;
	text-align: left;
	}
	
.signupHome .signupForm ul li.input{
	margin-bottom:12px;
	text-align: left;
	}
	
.signupHome .signupForm ul li.input .bgInput{
	background:url("../images/bgInput.png") no-repeat;
	width:212px;
	height:48px;
	}
	
.signupHome .signupForm ul li.input .inputForm{
	margin:9px;
	padding:8px 4px;
	border: none;
	width:185px;
	}
	
.signupHome .signupFB{
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	width:485px;
	margin-top: 10px;
	margin-left:64px;
	}
	
.signupHome .signupFB p{
	float:left;
	padding-top:8px;
	width:290px;
	}
	
.signupHome .signupHomePic{
	background: url("../images/signupHomePic.png") no-repeat;
	width:359px;
	height: 411px;
	float:right;
	}
	
.signupHome .signupForm span.checkFirstname, .signupHome .signupForm span.checkLastname,
.signupHome .signupForm span.checkEmail, .signupHome .signupForm span.checkPassword {
	display:block;
	position:absolute;
	height:20px;
	width:20px;
	}
	
.signupHome .signupForm span.checkFirstname {
	left:10px;
	top:52px;
	}
	
.signupHome .signupForm span.checkLastname {
	left:10px;
	top:129px;
	}
	
.signupHome .signupForm span.checkEmail {
	left:245px;
	top:52px;
	}
	
.signupHome .signupForm span.checkPassword {
	left:245px;
	top:129px;
	}


/* GO PRO PART */
.thirdHome{
	background-color: #fff;
	width: 100%;
	}

.thirdHome .proHome, .thirdHome .contactproHome, .thirdHome #slideshow{
	height:495px;
	margin:auto;
	width:1000px;
	padding:65px 0 0 0;
	color:#494949;
	text-align: center;
	}
	
.thirdHome .proHome .proTitle{
	float:left;
	margin-bottom:30px;
	margin-left:180px;
	width:820px;
	}
	
.thirdHome .proHome .proTitleFR{
	float:left;
	margin-bottom:20px;
	margin-left:110px;
	}
	
.thirdHome .proHome h1{
	color:#000000;
	float:left;
	font-size:110px;
	margin-top:15px;
	}
	
.thirdHome .proHome img{
	float:left;
	}
	
.thirdHome .proHome .promise{
	margin-bottom:50px;
	float: left;
	width:1000px;
	}
	
.thirdHome .proHome .promise p{
	font-size:17px;
	line-height:1.3em;
	font-weight:normal;
	color:#000;
	width:640px;
	margin-left:155px;
	}

.thirdHome .proHome ul{
	float: left;
	width:1000px;
	margin-bottom:50px;
	}
	
.thirdHome .proHome ul li{
	font-size:17px;
	margin-bottom:15px;
	}

.thirdHome .proHome ul li.red{
	color:#DE013D;
	}
	
.thirdHome .contactproHome .contactForm{
	background: url("../images/bgContactForm.png") no-repeat;
	width:500px;
	height: 367px;
	margin-left:250px;
	margin-top: 45px;
	text-align: center;
	}

.thirdHome .contactproHome .contactForm ul{
	float:left;
	height:140px;
	padding:20px 30px;
	width:205px;
	}
	
.thirdHome .contactproHome .contactForm ul.left{
	padding:20px 0px 0px 25px;
	}
	
.thirdHome .contactproHome .contactForm ul.right{
	padding:20px 30px 0px 30px;
	}
	
.thirdHome .contactproHome .contactForm ul.center{
	height:115px;
	padding:15px 30px 14px 25px;
	width:437px;
	}
	
.thirdHome .contactproHome .contactForm ul li.label{
	color:#FFFFFF;
	margin-bottom:5px;
	margin-left:6px;
	text-align: left;
	}
	
.thirdHome .contactproHome .contactForm .small{
	float:right;
	font-size:11px;
	margin-top:1px;
	width:100px;
	}
	
.thirdHome .contactproHome .contactForm ul li.input{
	margin-bottom:12px;
	text-align: left;
	}
	
.thirdHome .contactproHome .contactForm ul li.input .bgInput{
	background:url("../images/bgInput.png") no-repeat;
	width:212px;
	height:48px;
	}
	
.thirdHome .contactproHome .contactForm ul li.input .bgTextarea{
	background:url("../images/bgTextarea.png") no-repeat;
	width:441px;
	height:100px;
	margin-left:2px;
	}
	
.thirdHome .contactproHome .contactForm ul li.input .inputForm{
	margin:9px;
	padding:8px 4px;
	border: none;
	width:185px;
	}
	
.thirdHome .contactproHome .contactForm ul li.input .textareaForm{
	border: none;	
	height:65px;
	margin:9px;
	padding:8px 4px;
	width:415px;
	}
	
.thirdHome .contactproHome #resultcontactpro{
	font-weight:bold;
	margin-left:256px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	width:485px;
	color:#DE013D;
	}
	
.thirdHome .contactproHome h1{
	font-weight:bold;
	font-size: 16px;
	}
	
.thirdHome .contactproHome .backBtn{	
	color:#494949;
	font-size:18px;
	font-weight:bold;
	}
	
		
/* BUTTONS */
button.viewdemoBtn { 
	position:relative;
	padding: 0 15px 0 0; 
	font-size:12px; 
	text-align: center; 
	background:transparent url(../images/bgBtnRed.png) no-repeat scroll right -82px; 
}

button.viewallBtn { 
	position:relative;
	padding: 0 15px 0 0; 
	font-size:12px; 
	text-align: center; 
	background:transparent url(../images/bgBtnBlack.png) no-repeat scroll right -82px; 
}

button.viewdemoBtn span {
	position:relative;
	padding: 4px 0 3px 15px;  
	height:22px; 
	background: transparent url(../images/bgBtnRed.png) no-repeat left top;
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
}

button.viewallBtn span {
	position:relative;
	padding: 4px 0 3px 15px; 
	height:22px; 
	background: transparent url(../images/bgBtnBlack.png) no-repeat left top; 
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
}

button.viewdemoBtn:hover, button.viewdemoBtnHover, button.viewallBtn:hover, button.viewallBtnHover{
	background-position: right -123px; 
}
	
button.viewdemoBtn:hover span, button.viewdemoBtnHover span, button.viewallBtn:hover span, button.viewallBtnHover span {
	background-position: 0 -41px;
}



button.smallGreenBtn { 
	position:relative; 
	text-align: center; 
	background:transparent url(../images/bgSmallGreenBtn.png) no-repeat; 
	height:42px;
	width:208px;
}

button.smallGreenBtn span {
	position:relative;
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
	font-weight: bold;
	font-size: 20px;
	height:34px;
	width:208px;
	padding-top: 8px;
}

button.smallGreenBtn:hover, button.smallGreenBtnHover{
	background-position: right -49px; 
}

button.smallGreenBtn:active, button.smallGreenBtnActive{
	background-position: right -98px; 
}


button.mediumGreenBtn { 
	position:relative; 
	text-align: center; 
	background:transparent url(../images/bgMediumGreenBtn.png) no-repeat; 
	height:59px;
	width:242px;
}

button.mediumGreenBtn span {
	position:relative;
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
	font-weight: bold;
	font-size: 27px;
	height:47px;
	width:242px;
	padding-top: 12px;
}

button.mediumGreenBtn:hover, button.mediumGreenBtnHover{
	background-position: right -64px; 
}

button.mediumGreenBtn:active, button.mediumGreenBtnActive{
	background-position: right -128px; 
}


button.bigGreenBtn { 
	position:relative; 
	text-align: center; 
	background:transparent url(../images/bgBigGreenBtn.png) no-repeat; 
	height:70px;
	width:275px;
}

button.bigGreenBtn span {
	position:relative;
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
	font-weight: bold;
	font-size: 20px;
	height:50px;
	width:275px;
	padding-top: 21px;
}

button.bigGreenBtn:hover, button.bigGreenBtnHover{
	background-position: right -85px; 
}

button.bigGreenBtn:active, button.bigGreenBtnActive{
	background-position: right -170px; 
}

.corner{
	background:transparent url(../images/corner.png) no-repeat; 
	position:absolute;
	top:0;
	left:0;
	height:181px;
	width:188px;
}

.corner .btngo{
	position:absolute;
	top:85px;
	left:9px;
}