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

/*---------------- Basics ------------------*/
body{
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:12px;
	}
	
h2{
	font-size:18px;
	font-weight:normal;
	}
	
h3{
	font-size:22px;
	font-weight:bold;}	
	
h4{
	font-size:16px;
	font-weight:normal;
	color:#666;
	}	

a{
	color: #045904;
	text-decoration: none;
	}

a:hover{
	cursor:pointer;
	text-decoration:underline;}	

small {
	font-size: 10px;
}
	
input[type="text"], input[type="password"], textarea, checkbox {
	border:1px solid #56c7fa;
	padding:4px 2px;
}

input[type=text].inputErrorStyle {
	background-color:#FFEFEF;
	border:1px solid #FF9595;
	padding:4px 2px;
}

input[type="password"].inputErrorStyle {
	background-color:#FFEFEF;
	border:1px solid #FF9595;
	padding:4px 2px;
}

textarea.inputErrorStyle {
	background-color:#FFEFEF;
	border:1px solid #FF9595;
	padding:4px 2px;
}

select {
	border:1px solid #56c7fa;
	padding:4px 2px;
	height:26px;
}

/*----------- session button -------------*/
button.sessionBtn{
	background:transparent url(../images/sessionBtn.png);
	width:170px;
	height:45px;
	overflow:hidden;
	padding:7px 0 11px 23px;
	color:#FFF;
	font-size:14px;
	text-shadow: 1px 1px 2px #666;	
	}

button.sessionBtn:hover{
	background-position: 0px -58px;
	}

button.sessionBtn:active{
	background-position: 0px -116px;
	}
/* ---------- blue buttons -------------*/


/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	padding:0;
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
	font-size:12px;	
	line-height:1.2;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn, button.submitBtnInactive { 
	position:relative;
	padding: 0 15px 0 0; 
	font-size:12px; 
	text-align: center; 
	/*margin-top:0px;*/
	background:transparent url(../images/blueBtn.png) no-repeat scroll right -86px; 
}

.forWallBtn { 
	margin-top:11px;
}

button.submitBigBtn { 
	position:relative;
	padding: 0 26px 0 0; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/blueBigBtn.png) no-repeat scroll right -128px; 
}

button.submitMediumBtn { 
	position:relative;
	padding: 0 26px 0 0; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/blueBigBtn.png) no-repeat scroll right -128px; 
	width:254px;
}

button.submitBtnInactive { 
	opacity:0.3; 
	filter: alpha(opacity=30);
	background-color:#FFFFFF;
	cursor: auto;
}

button.submitBtnRed { 
	position:relative;
	padding: 0 15px 0 0; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/redBtn.png) no-repeat scroll right -86px; 
}

button.submitBtnGreen { 
	position:relative;
	padding: 0 15px 0 0; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/greenBtn2.png) no-repeat scroll right -86px; 
}
	
button.submitBtn span, button.submitBtnInactive span {
	position:relative;
	line-height:1.2;
	padding: 2px 0 3px 15px; 
	height:19px; 
	background: transparent url(../images/blueBtn.png) no-repeat left top; 
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
}

button.submitBigBtn span {
	position:relative;
	height:38px;
	line-height:1.2;
	padding:5px 20px 0 50px;
	//padding:7px 20px 0 50px;
	background: transparent url(../images/blueBigBtn.png) no-repeat left top; 
	color:#fff; 
	font-size:24px;
}

button.submitMediumBtn span {
	position:relative;
	height:32px;
	line-height:1.2;
	padding:11px 0px 0 20px;
	//padding:7px 20px 0 50px;
	background: transparent url(../images/blueBigBtn.png) no-repeat left top; 
	color:#fff; 
	font-size:14px;
	text-shadow: 1px 1px 2px #666;
	font-weight: bold;
}

button.submitBtnRed span {
	line-height:1.2;
	padding: 2px 0 3px 15px; 
	height:19px; 
	background: transparent url(../images/redBtn.png) no-repeat left top; 
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
}

button.submitBtnGreen span {
	line-height:1.2;
	padding: 2px 0 3px 15px; 
	height:19px; 
	background: transparent url(../images/greenBtn2.png) no-repeat left top; 
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
}
	
button.submitBtn:hover, button.submitBtnHover, button.submitBtnRed:hover, button.submitBtnRedHover, button.submitBtnGreen:hover, button.submitBtnGreenHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -129px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span, button.submitBtnRed:hover span, button.submitBtnRedHover span, button.submitBtnGreen:hover span, button.submitBtnGreenHover span {
	background-position: 0 -43px;
}

button.submitBigBtn:hover, button.submitBigBtnHover, button.submitMediumBtn:hover, button.submitMediumBtnHover{
	background-position: right -192px; 
}
	
button.submitBigBtn:hover span, button.submitBigBtnHover span, button.submitMediumBtn:hover span, button.submitMediumBtnHover span {
	background-position: 0 -64px;
}

/* ---------- end blue buttons -------------*/


/* buttons for infosession.php */ 
button.blueBtnSession { 
	position:relative;
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/blueBtnSession.png) no-repeat left top;
	width:348px;
	height:67px
}

button.blueBtnSession span, button.redBtnSession span {
	position:relative;
	line-height:1.2;
	padding: 23px 0 3px 15px; 
	height:67px; 
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
	font-size:16px;
	font-weight:bold;
}

button.redBtnSession { 
	position:relative;
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;
	background:transparent url(../images/redBtnSession.png) no-repeat left top;
	width:257px;
	height:67px
}

button.blueBtnSession:hover, button.blueBtnSessionHover {
	background-position: right -67px; 
}

button.redBtnSession:hover, button.redBtnSessionHover {
	background-position: right -68px; 
}

button.blueBtnSession:hover span, button.blueBtnSessionHover span, button.redBtnSession:hover span, button.redBtnSessionHover span{
	background-position: 0 -43px;
}
/* end buttons for infosession.php */


/* NEW BUTTONS : remplacent les awesome qui ne fonctionnent pas sous IE */
button.submitBlueBtnShadow, button.submitBlueBtnShadowBg, button.submitBlueBtnShadowBg2, button.submitGreyBtnShadow, button.submitGreyBtnShadowBg, button.submitGreenBtnShadow, button.submitGreenBtnShadowBg { 
	position:relative;
	padding: 1px 29px 0 0; 
	//height:38px; 
	margin-right:5px; 
	font-size:12px; 
	text-align: center; 
	margin-top:0px;	 
}

button.submitBlueBtnShadow span, button.submitBlueBtnShadowBg span, button.submitBlueBtnShadowBg2 span, button.submitGreyBtnShadow span, button.submitGreyBtnShadowBg span, button.submitGreenBtnShadow span, button.submitGreenBtnShadowBg span {
	position:relative;
	line-height:1.1;
	padding: 8px 0 3px 30px; 
	//padding: 9px 0 3px 30px;
	height:25px; 
	//height:24px;	
	color:#fff; 
	text-shadow: 1px 1px 2px #666;
	font-size:15px;
}

button.submitBlueBtnShadow{
	background:transparent url(../images/blueBtnShadow.jpg) no-repeat scroll right -88px;
	}
button.submitBlueBtnShadow span {
	background: transparent url(../images/blueBtnShadow.jpg) no-repeat left top; 
	}
	
button.submitBlueBtnShadowBg{
	background:transparent url(../images/blueBtnShadowBg.jpg) no-repeat scroll right -88px;
	}
button.submitBlueBtnShadowBg span {
	background: transparent url(../images/blueBtnShadowBg.jpg) no-repeat left top; 
	}
	
button.submitBlueBtnShadowBg2{
	background:transparent url(../images/blueBtnShadowBg2.jpg) no-repeat scroll right -88px;
	}
button.submitBlueBtnShadowBg2 span {
	background: transparent url(../images/blueBtnShadowBg2.jpg) no-repeat left top; 
	}
	
button.submitGreyBtnShadow{
	background:transparent url(../images/greyBtnShadow.jpg) no-repeat scroll right -88px;
	}
button.submitGreyBtnShadow span {
	background: transparent url(../images/greyBtnShadow.jpg) no-repeat left top; 
	}
	
button.submitGreyBtnShadowBg{
	background:transparent url(../images/greyBtnShadowBg.jpg) no-repeat scroll right -88px;
	}
button.submitGreyBtnShadowBg span {
	background: transparent url(../images/greyBtnShadowBg.jpg) no-repeat left top; 
	}
	
button.submitGreenBtnShadow{
	background:transparent url(../images/greenBtnShadow.jpg) no-repeat scroll right -88px;
	}	
button.submitGreenBtnShadow span {
	background: transparent url(../images/greenBtnShadow.jpg) no-repeat left top; 
	}
	
button.submitGreenBtnShadowBg{
	background:transparent url(../images/greenBtnShadowBg.jpg) no-repeat scroll right -88px;
	}	
button.submitGreenBtnShadowBg span {
	background: transparent url(../images/greenBtnShadowBg.jpg) no-repeat left top; 
	}

button.submitBlueBtnShadow:hover, button.submitBlueBtnShadowHover, button.submitBlueBtnShadowBg:hover, button.submitBlueBtnShadowBgHover, button.submitBlueBtnShadowBg2:hover, button.submitBlueBtnShadowBg2Hover, button.submitGreyBtnShadow:hover, button.submitGreyBtnShadowHover, button.submitGreyBtnShadowBg:hover, button.submitGreyBtnShadowBgHover, button.submitGreenBtnShadow:hover, button.submitGreenBtnShadowHover, button.submitGreenBtnShadowBg:hover, button.submitGreenBtnShadowBgHover{
	background-position: right -131px;
}
	
button.submitBlueBtnShadow:hover span, button.submitBlueBtnShadowHover span, button.submitBlueBtnShadowBg:hover span, button.submitBlueBtnShadowBgHover span, button.submitBlueBtnShadowBg2:hover span, button.submitBlueBtnShadowBg2Hover span, button.submitGreyBtnShadow:hover span, button.submitGreyBtnShadowHover span, button.submitGreyBtnShadowBg:hover span, button.submitGreyBtnShadowBgHover span, button.submitGreenBtnShadow:hover span, button.submitGreenBtnShadowHover span, button.submitGreenBtnShadowBg:hover span, button.submitGreenBtnShadowBgHover span {
	background-position: 0 -44px;
}
/* fin NEW BUTTONS : remplacent les awesome qui ne fonctionnent pas sous IE */

button.submitBtnLogin{
	background:url("../images/btnLogin.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	cursor:pointer;
	display:block;
	float:left;
	height:38px;
	position:relative;
	width:101px;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px 2px #666;
	//padding-top:12px;
	}
	
button.submitBtnLogin:hover, button.submitBtnLoginHover {
	background-position: 0 -39px;
}

button.submitBtnLogin:active, button.submitBtnLoginActive {
	background-position: 0 -78px;
}

button.submitPaypal { 
	position:relative;
	width:145px;
	height:42px;	 
	background:transparent url(../images/btn_xpressCheckout.gif) no-repeat left top;
}


/*----------- list btns --------------*/
 ul li span.trsactActions {
	font-size:12px;
	margin-left:10px;
	margin-right:26px;
	width:100px;
	padding-top:4px;
	height:26px;
	float:right;
	}	
	
 ul.sessionBtnList li{
	display:inline-block;
	float:right;
	}

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

.listBtnStyle{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-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:#EEE url(../images/listBtn.jpg);
	padding:0px 12px 4px; /* changed padding top from 2 pixels to 0px */
	border-color:#999;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	text-shadow: 1px 1px 2px #FFF;
	color:#666;
	margin:0 2px 0 0;
	height:24px;
	}
	
.listBtnStyle span{
	margin-bottom:10px;
	}
	
.settingsBtnStyle{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-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:#EEE url(../images/settingBtn.jpg) center -1px;
	padding:6px 12px 4px;
	border-color:#999;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	text-shadow: 1px 1px 2px #FFF;
	color:#666;
	margin:0px;
	height:23px;
	width:34px;
	z-index: 1;
	}	
	
.moreoptionsBtnStyle{
	background:url(../images/moreoptionsBtn.png) center -1px;
	margin:0px;
	height:17px;
	width:99px;
	z-index: 1;
	}
	
.moreoptionsBtnStyleFR{
	background:url(../images/moreoptionsBtnFR.png) center -1px;
	margin:0px;
	height:17px;
	width:99px;
	z-index: 1;
	}

.listBtnStyle:hover{
	color:#000;
	border-color:#666;
	background-position: center -38px;
	}
	
.settingsBtnStyle:hover{
	border-color:#666;
	background-position: center -38px;	
	}
	
.moreoptionsBtnStyle:hover, .moreoptionsBtnStyleFR:hover{
	background-position: center -21px;	
	}

ul.settingsList li{
	display:block;
	clear:both;
	float:left;
	margin-left:10px;
	margin-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	width:164px;
	font-weight: normal;
	}

ul.settingsList{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-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:#FFFFFF;
	border:1px solid #999999;
	padding:6px 0;
	position:absolute;
	text-align:left;
	z-index:999;
	display:none;
	}

.settingsLink, ul.contactList li ul li a{
	cursor:pointer;
	color:#666;
	}

.settingsLink:hover,ul.contactList li ul li a:hover{
	color:#0191d5;
	}

button.roundListBtn{
	background:transparent url(../images/roundListBtn.png);
	width:60px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:13px;
	left:-18px;
	display:none;
	}

ul li:hover button.roundListBtn{
	display:block;
}

button.up{
	background-position: 60px 0px; 
	
	}
	
button.up:hover{
	background-position: 60px -79px;
	}

button.up:active{
	background-position: 60px -159px;
	}		
	
button.down{
	background-position: 0px 0px; 
	
	}
	
button.down:hover{
	background-position: 0px -79px;
	}

button.down:active{
	background-position: 0px -159px;
	}	
	
button.roundListBtnSmall{
	background:transparent url(../images/roundListBtnSmall.png);
	width:40px;
	height:40px;
	overflow:hidden;
	position:absolute;
	top:3px;
	left:-18px;
	display:none;
	}

ul li:hover button.roundListBtnSmall{
	display:block;
}

button.roundListBtnSmall.up{
	background-position: 40px 0px; 
	
	}
	
button.roundListBtnSmall.up:hover{
	background-position: 40px -51px;
	}

button.roundListBtnSmall.up:active{
	background-position: 40px -103px;
	}		
	
button.roundListBtnSmall.down{
	background-position: 0px 0px; 
	
	}
	
button.roundListBtnSmall.down:hover{
	background-position: 0px -51px;
	}

button.roundListBtnSmall.down:active{
	background-position: 0px -103px;
	}

/* ---------- general page layout ------------*/

.container{
	width:960px;
	margin: 30px auto 0 auto; 
	}

#left{
	float:left;
	width: 175px;
	}
	
.wrapper{
	float:right;
	width:755px;
	position:relative;
	margin-bottom:40px;
	}
	
.wrapperMedium{
	float:left;
	width:475px;
	position:relative;
	margin-bottom:40px;
	margin-left:20px;
	min-height:500px;
	}
	
.wrapperShort{
	float:right;
	width:250px;
	position:relative;
	margin-bottom:40px;
	}

.wrapperXShort{
	float:right;
	width:175px;
	position:relative;
	margin-bottom:40px;
	}

.wrapperContent{
	margin:0px 0px 0px 30px;
	}

.wrapper ul li.head, .wrapperMedium ul li.head, .wrapperShort ul li.head, .wrapperXShort ul li.head{
	border-bottom:2px solid #000000;
	height:35px;
	padding:0px;
	margin:0px;
}
.blocIcon{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	}
	
.blocTitle {
	height:30px;
	padding:6px 0 0;
}

.smallBlocTitle {
	height:23px;
	padding:6px 0 0;
	color:#0191D5;
	font-size:13px;
	font-weight:normal;
}
.blocButtons{
	float:right;
	margin:5px 0px 0px 0px;
	padding:0px;
	}

.thickLine{
	color: #000;
	background-color: #000;
	height: 2px;
	border:none;
	margin: 0px;
	clear:both;
	padding:0px;	
}

.wrapper ul li.headNew{
	height:35px;
	margin:0;
	padding:0;
}

.blocIconNew{
	float:left;
	margin:0 5px 0 10px;
	padding:0px;
	
	}
.blocTitleNew {
	height:30px;
	padding:6px 0 0;
}

.wrapper ul li.headNew h2{
	font-size:14px;
	color:#0191D5;
	font-weight: normal;
}
/*css for list modules (ie : homeSession, homeAccount, profileILearn, ...*/

li.bar{
	background-color:#FFF;
	border-bottom:1px solid #000;
	/*color:#02628f;*/
	color:#0191d5;
	float:left;
	font-size:13px;
	font-weight:normal;
	height:22px;
	padding-bottom:4px;
	padding-top:4px;
	width:100%;
	position:relative;
}


li.row {
	background-repeat:repeat-x;
	border-bottom:1px solid #E7E7E7;
	border-top:1px solid #FFFFFF;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:30px;
	position:static;
	width:100%;
}

li.row.alt {
	background-color:#F2F2F2;
	}

li.row.notread {
	font-weight:bold;
	}

ul.actionBtns{
	position:absolute;
	right:0;
	top:47px;
	}
	
ul.actionBtns li{
	float: right;
	}	
	
	
/*---------------- BlueBox ------------------*/
.blueBoxOuter{
	box-shadow: 1px 1px 2px #3e3e3e;
	-moz-box-shadow: 1px 1px 2px #3e3e3e;
	-webkit-box-shadow: 1px 1px 2px #3e3e3e;
	background-color:#9edcf8;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-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;
	padding:1px;
	}	
	
.blueBoxInner{	
	width:auto;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-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:0px;
	-webkit-border-bottom-right-radius:0px;
	background-color:#e0f3fc;
}

ul li.boxBar{
	color:#033045;
	font-size:13px;
	font-weight:normal;
	height:22px;
	padding-bottom:4px;
	padding-top:4px;
	width:100%;
	position:relative;
	}

.blueBoxOuter .blueBoxBody{
	width:100%;
	height:auto;
	color:#033045;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-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:0px;
	-webkit-border-bottom-right-radius:0px;
	background-color:#e0f3fc;
}

.blueBoxOuter .blueBoxFooter{
	width:100%;
	height:40px;	
}

ul li.boxBar{
	color:#033045;
	float:left;
	font-size:13px;
	font-weight:normal;
	height:22px;
	padding-bottom:4px;
	padding-top:4px;
	width:100%;
	position:relative;
	}

#newListingOuter{
	height:72px;}
	
#newListingInner{
	height:32px;
	}

.blueBoxOuter .boxInputs {
	color:#033045;
	float:left;
	font-size:13px;
	font-weight:normal;
	height:23px;
	padding-bottom:10px;
	padding-top:10px;
	position:relative;
	width:100%;
}
.blueBoxOuter .boxInputs span.newTopicInput{
	font-size:13px;
	float:left;
	margin-left:45px;
	margin-right:10px;
	padding-top:0px;
	width:125px;
	}

.blueBoxOuter .boxInputs span.newTopicInput select{
	border-color:#56c7fa;
	width:90px;}


/*---------------- warning Block ------------*/
.warningBloc{
	margin-top:15px;
	background:#ffffeb;
	border: 1px solid #fb7906;
	width:auto;	
	padding:38px 90px 44px 40px;
	}

h3.warningTitle{
	color: #fb7906;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;}

.warningBody{
	color: #000;
	font-size:12px;
	font-weight:normal;
	line-height:1.2;
	width:400px;}

.warningBackButton{
	float:right;
	margin-top:15px;
	}
	
.warningCloseBtn{
	position:absolute;
	right:0px;
	top: 16px;
	cursor:pointer;
	}	
	
.warningCloseBtn img{
	margin-top:2px;
	margin-right:6px;
	}	
	
.warningCloseBtn span{
	color: #fb7906;
	font-size: 12px;
	font-weight:bold;
	}		

/*---------------- info Block ------------*/
.infoBloc{
	margin-top:15px;
	background:#d5f9bb ;
	border: 1px solid #008000;
	width:auto;	
	padding:38px 90px 44px 40px;
	}

h3.infoTitle{
	color: #008000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;}

.infoBody{
	color: #008000;
	font-size:12px;
	font-weight:normal;
	line-height:1.2;
	width:400px;}

.infoBackButton{
	float:right;
	margin-top:15px;
	}
	
.infoCloseBtn{
	position:absolute;
	right:0px;
	top: 16px;
	cursor:pointer;
	}	
	
.infoCloseBtn img{
	margin-top:2px;
	margin-right:6px;
	}	
	
.infoCloseBtn span{
	color: #008000;
	font-size: 12px;
	font-weight:bold;
	}		

/*---------------- header CSS ----------------*/
#headerOuter{
	background-color:#001829;
	height:61px;
	width:100%;
	margin-bottom:50px;
	}
	
#headerOuterForum{
	background-color:#001829;
	height:63px;
	width:100%;
	margin-bottom:50px;
	}
	
.headerShadow {
	height:12px;
	text-align:center;
	}
	
#headerInner{
	width:960px;
	margin: 0 auto;
	}	

#headerLogo{
	float:left;
	width:215px;
	height:60px;
	}
	
#headerLogo a{
	background:url(../images/headerLogo.png) no-repeat left top;
	float:left;
	height:60px;
	text-indent:-9000px;
	width:186px;
	}	
	
#headerLogo a:hover{
	background-position:left bottom;
	}
	
.headerLogoClient{
	display: none;
	}	
	
#headerNav{
	float:left;
	position:relative;
	z-index:100;
	}	

#headerNav ul li:hover {
	background: url(../images/bgHeaderMenu.jpg) repeat-x center top;
	}
	
#home #headerNav ul li.navHome,#home #headerNav ul li.navHome:hover,
	
#profile #headerNav ul li.navProfile,#profile #headerNav ul li.navProfile:hover,
#sessions #headerNav ul li.navProfile,#sessions #headerNav ul li.navProfile:hover,
#yahoo-com #headerNav ul li.navProfile,#yahoo-com #headerNav ul li.navProfile:hover,
#ficheuser #headerNav ul li.navProfile,#ficheuser #headerNav ul li.navProfile:hover,
	
#sessions #headerNav ul li.navSessions,#sessions #headerNav ul li.navSessions:hover,
#yahoo-com #headerNav ul li.navSessions,#yahoo-com #headerNav ul li.navSessions:hover,
#useBlueTeach #headerNav ul li.navUseBlueTeach,#useBlueTeach #headerNav ul li.navUseBlueTeach:hover,
#publicsessions #headerNav ul li.navPublicSessions,#publicsessions #headerNav ul li.navPublicSessions:hover,
	
#search #headerNav ul li.navCommunity,#search #headerNav ul li.navCommunity:hover,
	
#wishlist #headerNav ul li.navWishlist,#wishlist #headerNav ul li.navWishlist:hover
{
	background: url(../images/bgHeaderMenu.jpg) repeat-x center top;
	}

/* SIGN UP HEADER */
.headerSignup{
	float:left;
	margin-left:20px;
	margin-top:12px;
	z-index:9999;
	}


/* LOGOUT HEADER */
.headerLogout{
	position:absolute;
	right:10px;
	top:0px;
	display:block;
	z-index:9999;
	}	
	
.tabLogout {
  	background: url(../jquery/images/tab_b.png) repeat-x 0 0;
	position: relative;
    top: -8px;
    z-index: 999;
}

.tabLogout ul.logout {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 30px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tabLogout ul.logout li.left {
  	background: url(../jquery/images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tabLogout ul.logout li.right {
  	background: url(../jquery/images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tabLogout ul.logout li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../jquery/images/tab_m.png) repeat-x 0 0;
}

.tabLogout ul.logout li a {
	color: #FFFFFF;
}

.tabLogout ul.logout li a:hover {
	color: #FFFFFF;
}
	
	
/* SEXY DROP DOWN MENU */
#headerNav ul.topnav {
	display:inline-block;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:61px;
	}

#headerNav ul.topnav li {
	float:left;
	padding:4px 0 0;
	position:relative;
	height: 57px;
	}
	
#headerNav ul.topnav li {
	width:220px;
	}
	
#headerNav ul.topnav li.navHome {
	width:140px;
	}
	
#headerNav ul.topnav li.navContent {
	width:160px;
	}
	
#headerNav ul.topnav li.navHome a{
	width:110px;
	}
	
#headerNav ul.topnav li.navCommunity a{
	width:190px;
	}

#headerNav ul.topnav li a{
	padding: 11px 15px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	}
	
#headerNav ul.topnav li.borderMenu {
	float:left;
	position:relative;
	width:0px;
	}

#headerNav ul.topnav li ul.subnav li a:hover{
	background-color: #18556F;	
	}

#headerNav ul.topnav li span {
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.png) no-repeat center top;
	}
	
#headerNav ul.topnav li span.navArrow {
	margin:10px 0 0 10px;
	//margin:10px 0 0 20px;
	}
	
#headerNav ul.topnav li span.subhover{
	background-position: center bottom; 
	cursor: pointer;
	}

#headerNav ul.topnav li span.menuText {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent;
	float:left;
	height:auto;
	width:auto;
	margin-bottom:5px;
	}
	
#headerNav ul.topnav li span.menuSubText {
	width: 100%;
	height: auto;
	float: left;
	font-size: 11px;
	font-weight: normal;
	clear: both;
	text-align:left;
	}

#headerNav ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; 
	top: 61px;
	background: #001829;
	margin:0px;
	padding: 0;
	display: none;
	float: left;
	width: 220px;
	box-shadow: 1px 1px 2px #3e3e3e;
	-moz-box-shadow: 1px 1px 2px #3e3e3e;
	-webkit-box-shadow: 1px 1px 2px #3e3e3e;
	}
	
#headerNav ul.topnav li ul.subnav li{
	border-bottom:1px solid #18556F;
	clear:both;
	margin:0;
	padding:0;
	width:220px;
	height: auto;
	}

#headerNav ul.topnav li ul.subnav li a{
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	text-align:left;
	}

ul.topnav li ul.subnav li a {
	float: left;
	width: 190px;
	background: #001829 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	}
	
ul.topnav li ul.subnav li a:hover{
	background: #18556F url(../images/dropdown_linkbg.gif) no-repeat 10px center; 
	}

#headerNav ul.topnav li ul.subnav li span.submenuText{
	padding-left:15px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent;
	float:left;
	height:14px;
	width:160px;
	}
	
/*---------------- end header CSS ----------------*/


/* AWESOME BUTTONS */ 
.awesome, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-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);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome.huge{
	font-size:16px;
	padding:13px 48px 14px;
	}
	
.awesome:hover { 
	background-color: #111; 
	color: #fff; 
	}
	
.awesome:active	{ 
	top: 1px; 
	}
	
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	}
	
.small.awesome, .small.awesome:visited, .small.awesomeNoshadow, .small.awesomeNoshadow:visited { 
	font-size: 11px;  
	}

.large.awesome, .large.awesome:visited { 
	font-size: 14px; 
	padding: 8px 14px 9px; 
	}

.green.awesome, .green.awesome:visited { background-color: #19AB13; }
.green.awesome:hover { background-color: #1DC717; }

.blue.awesome, .blue.awesome:visited, .blue.awesomeNoshadow, .blue.awesomeNoshadow:visited { background-color: #1D92C8; }
.blue.awesome:hover, .blue.awesomeNoshadow:hover	{ background-color: #1EABEC; }

.grey.awesome, .grey.awesome:visited { background-color: #8A8989; }
.grey.awesome:hover	{ background-color: #AEACAC; }

.red.awesome, .red.awesome:visited { background-color: #EC0038; }
.red.awesome:hover	{ background-color: #FC0043; }

.greyLight.awesomeNoshadow, .greyLight.awesomeNoshadow:visited { background-color: #E0E0E0; color: #666666; }
.greyLight.awesomeNoshadow:hover	{ background-color: #F1F1F1; color: #666666;}

.awesomeNoshadow, .awesomeNoshadow:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding:7px 33px 9px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-weight: bold;
	margin-left: 5px;
}


/* Bouton SubMenu */
button.btnSubMenuInbox,button.btnSubMenuSent,button.btnSubMenuDeleted{
	background:transparent url(../images/SubMenuBtn.png) repeat scroll 0 0;
	color:#000000;
	font-size:14px;
	height:30px;
	overflow:hidden;
	padding:7px 0 11px 23px;
	text-shadow:1px 1px 2px #666666;
	width:105px;
	font-weight: bold;
	margin-right:5px;	
	background-position: 0px -31px;
	}
button.btnSubMenuInbox{
	background-position: 0px -93px;	
	}
	
button.btnSubMenuDeleted{
	background-position: 0px -155px;	
	}

button.btnSubMenuInbox:hover{
	background-position: 0px -62px;
	}
	
button.btnSubMenuInbox:active{
	background-position: 0px -62px;
	}
	
button.btnSubMenuSent:hover{
	background-position: 0px 0px;
	}
	
button.btnSubMenuSent:active{
	background-position: 0px 0px;
	}
	
button.btnSubMenuDeleted:hover{
	background-position: 0px -124px;
	}
	
button.btnSubMenuDeleted:active{
	background-position: 0px -124px;
	}
	
.wrapper ul li.headSubMenu{
	border-bottom:2px solid #000000;
	height:30px;
	padding-left:5px;
	margin:0px;
}


/* SOUS MENU */
#mainNav{
background-color:#FFFFFF;
float:left;
height:54px;
margin:0 0 30px 29px;
position:relative;
}

ul.tabs {
float:right;
margin:0;
}

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

ul.tabs li {
display:block;
float:left;
line-height:1;
}

ul.tabs li a {
color:#333333;
cursor:pointer;
display:block;
font-weight:normal;
margin:9px 50px 0 -1px;
padding:6px 0px 8px 0px;
text-decoration:none;
width:120px;
}

ul.tabs li a:hover{
text-decoration:none;
}

ul.tabs li span {
display:block;
font-size:12px;
font-weight:normal;
line-height:1;
text-align: center;
float: none;
}

ul.tabs li a.current:hover, ul.tabs li a.current{
background:#a3dcfd none repeat scroll 0 0;
color: #000000;
text-decoration:none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-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);
}


/* POP UP */
#divPopup {
	background-color:#ffffff;
	border:1px solid #CCC;
	height:auto;
	overflow:hidden;
	padding:5px 5px;
	width:300px;
	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;
	}
	
#divPopup div.links {
	float:right;
	padding-right:10px;
	width:130px;
	}
	
#divPopup div.links a {
	margin-left:4px;
	display:block;
	float:left;
	padding-top:5px;
	font-size:11px;
	}
	
#divPopup div.links button{
	margin-left:20px;
	display:block;
	float:right;
}
	
#headerPopup {
	background-color:#E7E7E7;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
	position:relative;
	}	
	
#headerPopup img {
	position:absolute;
	top:4px;
	right:2px;
	cursor: pointer;
	}		
	
#bodyPopup {
	margin-bottom:10px;
	padding:0 5px 0 5px;
	}
	
#bodyPopup ul.popupEclass li {
	display:block;
	float:left;
	height:auto;
	line-height:1.2;
	margin-bottom:6px;
	width:auto;	
}

#bodyPopup ul li span.title {
	display:block;
	float:left;
	width:90px;
	color:#0191D5;
	font-weight: normal;
	height:auto;
	}

#bodyPopup ul li span.text {
	display:block;
	float:left;
	height:auto;
	width:150px;
	}
	
/*.warningpopup {
	background-color:#F2F2F2;
	color:#666666;
	display:block;
	float:left;
	font-size:11px;
	height:auto;
	line-height:1.2em;
	margin:15px 10px 10px 10px;
	padding:5px;
	width:270px;
	}*/
	
#confirmDelMsgs.yui-panel .container-close{
	position:absolute;
	top:0px;
	right:0px;
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-10000em;
	text-decoration:none;
	
}

/****LINK***/
#navBarreLink li span.navLink {
	font-size:10px;
	margin-left:325px;
	margin-right:10px;
	width:330px;
	height:30px;
	padding-bottom:8px;
	padding-top:10px;
	float:left;
	}
#navBarreLink li span.navLink a{
	color:#000000;
	font-weight:normal;
	}
	
#navBarreLink li span.navLink font.current{
	color:#2083B1;
	font-weight: bold;
	font-size: 11px;
	}

#navBarreLink li span.newerLink a, #navBarreLink li span.olderLink a{
	color:#2083B1;
	text-decoration: none;
	font-weight:normal;
	}
#navBarreLink li span.newerLink a:hover, #navBarreLink li span.olderLink a:hover{
	color:#2083B1;
	text-decoration: underline;
	}
#navBarreLink li span.newerLink {
	font-size:10px;
	float:left;
	margin-left:0px;
	width:35px;	
	padding-bottom:8px;
	padding-top:19px;
	}
	
#navBarreLink li span.sepLink {
	font-size:10px;
	float:left;
	margin-left:0px;
	margin-right:5px;
	width:3px;	
	padding-bottom:8px;
	padding-top:19px;
	}
	
#navBarreLink li span.olderLink {
	font-size:10px;
	margin-right:10px;
	float:left;
	width:35px;
	padding-bottom:8px;
	padding-top:19px;
	}
	
.LinkPageInactive{
	color:#2083B1;
	font-size: 11px;
	font-weight: bold;
	}
	
	
/* NAVIGATION FOR PUBLICSESSIONS.PHP */
#pager{
	float:right;
	width: 100%;
	}

#pager ul.pages {
	display:block;
	border:none;
	text-transform:uppercase;
	font-size:10px;
	margin:10px 0 10px;
	padding:0;
	float: right;
	}

#pager ul.pages li {
	background-color:#F2F2F2;
	border:1px solid #B3B3B3;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 5px 0 0;
	padding:7px 0px;
	text-decoration:none;
	}

#pager ul.pages li:hover {
	border:1px solid #4B4B4B;
	}

#pager ul.pages li.pgEmpty {
	border:1px solid #eee;
	color:#eee;
	background-color:#FFFFFF;
	}

#pager ul.pages li.pgCurrent {
	background-color:#4B4B4B;
	border:1px solid #000000;
	color:#FFFFFF;
	font-weight:700;
	padding:7px 9px;
	}

#pager ul.pages li a {
	color:#4b4b4b;
	padding:7px 10px;
	}
	
#pager ul.pages li a:hover {
	text-decoration: none;
	color:#000000;
	}
	
	
/**** POPUP YUI *****/
.yui-overlay,.yui-panel-container{
	visibility:hidden;
	position:absolute;
	z-index:9999;
	}

.yui-panel-container form{
	margin:0;
	}
	
.mask{
	z-index:1;
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	opacity:.5;
	filter: alpha(opacity=50);	
}

.yui-panel{
	position:relative;
	left:0;
	top:0;
}

/* FIRST TIME BLOC */

.firstTimeBoxMsg{
	float:left;
	position:relative;
	text-align: center;
	width:752px;
	height:138px;
	color:#D5D5D5;
	font-weight: bold;
	font-size: 20px;
	border:1px dashed #CCCCCC;
	margin-top:18px;
	}
	
.firstTimeBoxMsg h1, .firstTimeBoxMsgMedium h1{
	color:#D5D5D5;
	font-weight: bold;
	font-size: 20px;
	margin-top:55px;
	}
	
.firstTimeBoxMsgMedium{
	float:left;
	position:relative;
	text-align: center;
	width:475px;
	height:138px;
	color:#D5D5D5;
	font-weight: bold;
	font-size: 20px;
	border:1px dashed #CCCCCC;
	margin-top:18px;
	}

.firstTimeBox{
	float:left;
	position:relative;
	width:752px;
	height:138px;
	border:1px dashed #CCCCCC;
	margin-top:18px;
	}
	
.firstTimeBoxMedium{
	float:left;
	position:relative;
	width:475px;
	height:138px;
	border:1px dashed #CCCCCC;
	margin-top:18px;
	}
	
.Wide{
	width:700px;
	}
	
.firstTimeBox ul li, .firstTimeBoxMedium ul li {
	float:left;
	display: block;
	}
	
.firstTimeIcon{
	background:transparent url(../images/helpIcons.png) no-repeat scroll 0 0;
	width:195px;
	height:138px;
	overflow: hidden;
	margin:0 25px;
	}
	
.firstTimeBoxMedium .firstTimeIcon{
	background:transparent url(../images/helpIcons.png) no-repeat scroll 0 0;
	width:195px;
	height:138px;
	overflow: hidden;
	margin:0;
	}

.firstTimeIconAgenda{
	background-position: 0px 0px;
	}
	
.firstTimeIconDesc{
	background-position: 0px 0px;
	}
	
.firstTimeIconVideo{
	background-position: 0px -740px;
	}
	
.firstTimeIconPastSessions{
	background-position: 0px -592px;
	}
	
.firstTimeIconNextSessions{
	background-position: 0px -444px;
	}
	
.firstTimeIconContact{
	background-position: 0px -888px;
	}
	
.firstTimeIconMail{
	background-position: 0px -1184px;
	}
	
.firstTimeIconAccount{
	background-position: 0px -1332px;
	background-color: #FFFFFF;
	}
	
.firstTimeIconLastTransact{
	background-position: 0px -1036px;
	}
	
.firstTimeIconPendingTransact{
	background-position: 0px -592px;
	}
	
.firstTimeIconProfileTeach{
	background-position: 0px -148px;
	}
	
.firstTimeIconProfileLearn{
	background-position: 0px -296px;
	}
	
.firstTimeBoxMedium .firstTimeIconFeeds{
	background-position: 0px -1480px;
	}
	
.firstTimeIconBadges{
	background-position: 0px -1628px;
	}
	
.leftText{
	width:470px;
	line-height:1.3em;
	height:auto;
	}
	
.firstTimeBoxMedium .leftText{
	width:280px;
	line-height:1.3em;
	height:auto;
	}

.small{
	margin-top:38px;
	}
	
.medium{
	margin-top:25px;
	}
	
.large{
	margin-top:8px;
	}

.Large{
	width:595px;
	line-height:1.3em;
	}
	
.firstTimeBox h3, .firstTimeBoxMedium h3{
	color:#0191D5;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	}
	
.firstTimeBox h3 a{
	color:#0191D5;
	}
	
.firstTimeBox h4{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	}
	
.firstTimeBox h5{
	color:#000000;
	font-size: 15px;
	font-weight: bold;
	}
	
.firstTimeBox h6{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	float:left;
	padding-right:5px;
	}

.blueLink{
	font-weight: bold;
	color:#0191D5;
	}
	
.blackLink{
	font-weight: bold;
	font-size: 15px;
	float:left;
	padding-right:5px;
	}
	
.tooltipFirstTimeContact, .tooltipFirstTimeAgenda, .tooltipFirstTimeProfileTeach, .tooltipFirstTimeProfileLearn, .tooltipFirstTimePastSessions, .tooltipFirstTimeNextSessions{
	background:transparent url(../images/tooltipFirstTime.png) no-repeat scroll 0 0;
	width:108px;
	height:49px;
	position:absolute;
	}
		
.tooltipFirstTimeAgenda, .tooltipFirstTimeContact {
	top:44px;
	right:5px;
	}
	
.tooltipFirstTimeProfileTeach, .tooltipFirstTimeProfileLearn{
	top:8px;
	right:-31px;
	}
	
.tooltipFirstTimeNextSessions, .tooltipFirstTimePastSessions{
	top:4px;
	right:-31px;
	}
	
.tooltipFirstTimeContact span.text{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:19px 19px 19px 25px;
	}
	
.tooltipFirstTimeAgenda span.text, .tooltipFirstTimeProfileTeach, .tooltipFirstTimeProfileLearn, .tooltipFirstTimePastSessions, .tooltipFirstTimeNextSessions{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:19px 19px 19px 16px;
	}
	
/* BOUTONS DANS LE SLIDE DE HOME */
input.loginbtn2 {
	background:transparent url(../images/loginbtn.png) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	height:22px;
	position:relative;
	width:23px;
	}

.lostpassbtnContainer{
	display:block;
	float:left;
	padding-left:202px;
	margin-top:-24px;
	width:30px;
	}

input.lostpassbtn {
	background:transparent url(../images/loginbtn.png) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	height:22px;
	position:relative;
	width:23px;
	}
	
#resultpwd{
	color:#FF0000;
	font-size:12px;
	padding-top:5px;
	}
	
	
/* CSS POPUP HOME.PHP */
.teaserpopup{
	background:url(../images/popup_bg.png) no-repeat;
	height:444px;
	width:708px;
	/*top:500px;*/
	top:1900px;
	left:145px;
	display:block;
	position:absolute;
	z-index:50;
	overflow:hidden;
}

.teaserpopupBeta{
	background:url(../images/popup_bg-trans.png) no-repeat;
	height:444px;
	width:708px;
	top:600px;
	/*left:480px;*/
	display:block;
	position:relative;
	z-index:700;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;	
	}
	
#teaserlinks{
	position:absolute;
	right:0px;
	top:470px;
	height:50px;
	list-style-type:none;
	}	
	
#teaserlinks li{
	display:inline;
	margin-left:30px;
	}	
	
#teaserlinks li a{

	font-size:16px;
	color:#999;
	font-weight:normal;
	text-decoration:none;
	}	

#teaserlinks li a:hover{

	font-size:16px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	}	
	
.closebtn{
	background:url(../images/closebtn-trans.png);
	display:block;
	margin-top:7px;
	margin-right:7px;
	height:32px;
	width:32px;
	float:right;
	z-index: 100;
}

.closebtnpopup{
	background:url(../images/closebtn-trans.png);
	display:block;
	margin-top:15px;
	margin-right:15px;
	height:32px;
	width:32px;
	float:right;
	z-index: 100;
}	

.popuptitle{
	margin-top:40px;
	margin-left:60px;
	font-size:30px;
	color:#032352;
	text-align:left;
	}

.popupbody{
	height:auto;
	margin-top:30px;
	padding:15px 20px 5px 35px;
	text-align:left;
	width:610px;
	font-size:11px;
	line-height:1.3em;
	}
	
.popupbody ul.formContact li {
	display:block;
	float:left;
	height:auto;
	line-height:1.2;
	margin-bottom:6px;
	width:600px;
	}

.popupbody ul li span.title {
	display:block;
	float:left;
	width:100px;
	}
.popupbody .title {
	color:#0191D5;
	}

.popupbody ul li span.text {
	display:block;
	float:left;
	}
	
.popupbody ul li span.text a {
	color:#045904;
	}
	
.popupbody .links {
	display:block;
	float:right;
	height:15px;
	padding:10px 0 15px;
	position:relative;
	text-align:center;
	width:165px;
	}
	
.popupbody .links button {
	display:block;
	float:right;
	margin-right:36px;
	}

.popupbody .links a {
	display:block;
	float:left;
	margin-left:4px;
	padding-top:4px;
	color:#045904;
	text-decoration:none;
	}
	
.popupbody .links a:hover {
	cursor:pointer;
	text-decoration:underline;
	}

.popupimg{
	float:left;
	margin-left:60px;
	margin-top:30px;
	margin-right:30px;
	margin-bottom:-40px;
	}
	
#titles{
	width:2000px;
	position:absolute;
	display:block;
	height: 200px;	
	}	
	
.teacherdetails{
	font-size:15px;
	line-height:25px;
	margin-bottom:40px;
	}	
	
#tutorialsIcon{
	margin-top:-4px;
}

#resultcontactus {
	bottom:108px;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	left:14px;
	position:absolute;
	bottom:50px;
}

/* SLIDESHOW POPUP */
#slideshowPopupContainer{
	width:735px;
	height:375px;
	position:absolute;
	margin:3px; 
	top:0px;
	left: 350px;
	z-index: 9999;
	}
	
#slideshowPopup{
	width:765px;
	height:350px;
	}
	
.closeSlideshowPopup{
	position: absolute;
	top:5px;
	right:5px;
	cursor: pointer;
	}
	
#slideshowPopup h1{
	font-size: 16px;
	padding:24px;
	}
	
.slideshow2 {
	width:735px;
	height:auto;
	float:left;
	position:relative;
	padding-left:8px;
	}
	
.slideshowList{
	width:180px;
	height:auto;
	float:left;
	position:relative;
	}
	
.slideshow2 ul li.navBar{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:41px;
	margin-bottom:5px;
	margin-left:20px;
	margin-top:10px;
	width:207px;
	cursor: pointer;
	}
	
.slideshow2 ul li.navBar:Hover{
	background:url("../images/overWay.png") no-repeat;
	width:207px;
	height:41px;
	}
	
.slideshowCurrent{
	background:url("../images/overWay.png") no-repeat;
	height:41px;
	margin-bottom:5px;
	margin-left:20px;
	margin-top:10px;
	width:207px;
	cursor: pointer;
	}
		
.slideshow2 ul li.navBarNo{
	font-size:10px;
	height:15px;
	margin-bottom:5px;
	margin-left:54px;
	margin-top:15px;
	width:150px;
	}

.slideshow2 .wayImg{
	padding-top: 7px;
	padding-right: 6px;
	float:left;
	}
	
.slideshow2 span.text {
	display:block;
	float:left;
	margin-top:14px;
	height:20px;
	}
	
.slideshowContent {
	border:1px solid #1eadef;
	float:left;
	height:auto;
	margin-left:45px;
	position:relative;
	width:504px;
	height:263px;
	}
	
	
/* SUBMENU */
.subMenuNav {
	background-color:#FFFFFF;
	float:left;
	height:100px;
	margin:0 0 30px 29px;
	position:relative;
	}
	
ul.subMenuNav li {
	display:block;
	float:left;
	}
	
ul.subMenuNav li a {
	background:url("../images/subMenuMe.png") no-repeat;
	cursor:pointer;
	display:block;
	text-decoration:none;
	width:100px;
	height:90px;
	}
	
ul.subMenuNav li a.subMenuInfo {
	background-position: 10px 0;
	}
	
ul.subMenuNav li a.subMenuClasses {
	background-position:-90px 0;
	}
	
ul.subMenuNav li a.subMenuRecordings {
	background-position:-190px 0;
	}
	
ul.subMenuNav li a.subMenuGoals {
	background-position:-290px 0;
	}
	
ul.subMenuNav li a.subMenuFriends {
	background-position:-390px 0;
	}
	
ul.subMenuNav li a.subMenuInfo:hover, ul.subMenuNav li a.currentSubMenuInfo:hover, ul.subMenuNav li a.currentSubMenuInfo{
	background:url("../images/subMenuMeOver.png") no-repeat;
	background-position: 10px 0;
	}
	
ul.subMenuNav li a.subMenuClasses:hover, ul.subMenuNav li a.currentSubMenuClasses:hover, ul.subMenuNav li a.currentSubMenuClasses{
	background:url("../images/subMenuMeOver.png") no-repeat;
	background-position:-90px 0;
	}
	
ul.subMenuNav li a.subMenuRecordings:hover, ul.subMenuNav li a.currentSubMenuRecordings:hover, ul.subMenuNav li a.currentSubMenuRecordings{
	background:url("../images/subMenuMeOver.png") no-repeat;
	background-position:-190px 0;
	}
	
ul.subMenuNav li a.subMenuGoals:hover, ul.subMenuNav li a.currentSubMenuGoals:hover, ul.subMenuNav li a.currentSubMenuGoals{
	background:url("../images/subMenuMeOver.png") no-repeat;
	background-position:-290px 0;
	}
	
ul.subMenuNav li a.subMenuFriends:hover, ul.subMenuNav li a.currentSubMenuFriends:hover, ul.subMenuNav li a.currentSubMenuFriends{
	background:url("../images/subMenuMeOver.png") no-repeat;
	background-position:-390px 0;
	}
	
.blocIconLeft{
	float:left;
	margin:0px 4px 0px 3px;
	padding:0px;
	}
	
.blocTitleLeft {
	height:25px;
	padding:8px 0 0 6px;
	font-size: 14px;
	font-weight: normal;
}


/* MENUME */
#menumeNav{
	background-color:#FFFFFF;
	float:left;
	height:120px;
	margin:0 0 30px 0px;
	position:relative;
	}
	
#menume{
	margin-bottom: 0;
	//margin-bottom: 30px;
	margin-top:-8px;
	}

ul.tabs {
	float:right;
	margin:0;
	}

ul.menume li {
	display:block;
	float:left;
	width:93px;
	height:130px;
	}
	
ul.menume li.aboutme, ul.menume li.aboutme a.current {
	background:url(../images/menuAboutme.png) no-repeat;
	}	
ul.menume li.classes, ul.menume li.classes a.current{
	background:url(../images/menuClasses.png) no-repeat;
	}	
ul.menume li.videos, ul.menume li.videos a.current {
	background:url(../images/menuVideos.png) no-repeat;
	}
ul.menume li.friends, ul.menume li.friends a.current {
	background:url(../images/menuFriends.png) no-repeat;
	}
ul.menume li.inbox, ul.menume li.inbox a.current{
	background:url(../images/menuInbox.png) no-repeat;
	}
ul.menume li.account, ul.menume li.account a.current {
	background:url(../images/menuAccount.png) no-repeat;
	}
ul.menume li.settings, ul.menume li.settings a.current{
	background:url(../images/menuSettings.png) no-repeat;
	}
ul.menume li.badges, ul.menume li.badges a.current{
	background:url(../images/menuBadges.png) no-repeat;
	}
		
ul.menume li:hover {
	background-position: 0 -133px;
	}	
	
ul.menume li:active {
	background-position: 0 -263px;
	}
	
ul.menume li.inactive {
	background-position: 0 -396px;
	}
	
ul.menume li.inactive a{
	color:#999;
	cursor: auto;
	}
	
ul.menume li.aboutme a.current,ul.menume li.classes a.current,ul.menume li.videos a.current,ul.menume li.friends a.current,ul.menume li.inbox a.current,ul.menume li.account a.current,ul.menume li.settings a.current,ul.menume li.badges a.current {
	display:block;
	float:left;
	width:93px;
	height:130px;
	background-position: 0 -263px;
	}

ul.menume li a {
	color:#333333;
	}

ul.menume li a:hover{
	text-decoration:none;
	}

ul.menume li span {
	display:block;
	padding-top:80px;
	position:relative;
	text-align:center;
	}