HTML {
	height: 100%;
	min-height: 100%;
	font-size: 100%;
}

BODY { 
	padding: 0; 
	margin: 0; 
		height:100%; /* footer*/
	    min-height: 100%;
	font-family: "oxygen", "Aller", "ARIAL ROUNDED MT Bold", "ARIAL"; 
	font-weight: 100;
	font-size: 18px;	
	background-color:#fff;	
	color:#4A5058;
}
a {
    text-decoration: none;
}
a:hover {
    color: #FF9900;
}

.hr1 {
	border: 0;
	color: #d8d8d8;
	background-color: #d8d8d8;
	height: 1px;
	width: 799px;
	margin: 0;
	padding: 0;
}
.hr1 {
	width: 1024px;
}
h1{ 
	line-height : 60%;
	font-weight:normal;
	font-size: 40px;		
	color:#4A5058; 
}
h2{ 
	font-weight:100;
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  /*src: local('Oxygen'), url('/css/owygen.woff') format('woff');*/
  
  src: local('Oxygen'), url(https://themes.googleusercontent.com/static/fonts/oxygen/v1/eAWT4YudG0otf3rlsJD6zOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

.text_right {
	text-align: right;	
}
.font_small {
	font-size: 10px;	
}
.font_medium {
	font-size: 14px;	
}
.font_big_minus {
	font-size:20px;	
}
.font_big {
	font-size: 24px;	
}
.font_big_plus {
	font-size: 27px;	
}
.font_bigger {
	font-size: 36px;	
}
.font_big_char {
	font-size: 108px;	
}
.font_green { /* color of mamalingua */
	color: #46BEB3;	
}
.font_orange { /* color of Hebrew answer and+ */
	color: #F37021;	
}
.font_clearer {
	color: #878787;	
}
.letter_spacing2 {
	letter-spacing: 2px;	
}
.letter_spacing1 {
	letter-spacing: 0.5px;	
}
.font_bold {
	font-weight: bold;	
}

.center_wrap {position: absolute; left: 50%; top: 180px;}
.center_me {position: relative; left: -50%;}

.font_title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "oxygen", "Aller", "Arial", "Lucida Grande", sans-serif;
}
.font_thin {
	font-weight: 400;
}
.font_thinner {
	font-weight: 100;
}
.font_thick {
	font-weight: 900;
}
.font_line {
	line-height: 45px;
}
.font_line_medium {
	line-height: 39px;
}
.font_line_small {
	line-height: 17px;
}
.font_line_tiny {
	line-height: 12px;
}
.body_font {
	font-family: "Aller", "ARIAL ROUNDED MT Bold", "ARIAL";
}
.logo_color {
	color: #46BEB3;
}
.cursor_hand {
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
button {
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
    /*color:#050; 
    font: old 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; */
}

/* table even-odd */
.tabuler_data {border-collapse:collapse;}
.tabuler_data td {border:solid 1px #ccc; padding:5px;padding-right:10px;padding-left:10px;}
.tabuler_data tr:nth-child(even) td, tbody tr.even td {background:#fff;}
.tabuler_data tr:nth-child(odd) td, tbody tr.odd td {background:#f5f5f5;}
.tabuler_data thead {background:#666;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;text-align:center;}
.tabuler_data th{border:solid 1px #ccc;}


#container {	
	position: relative;	
	min-height:100%; /* for flexible footer */
	width: 1024px;
    margin: 0px auto;
}	
#header {	
	position: relative;
	height: 10px;
}	
#header_login {
	/*position: absolute;*/
	/*top: 0px;
	left: 0px;*/ /* for footer */

	width: 1024px;
	height: 35px;	
	background-color: #e8e8e8;	
}
	#header_login a
	{
		color: #4bb7ad;	
	}
	#header_login a:hover
	{
		color: #333;
	}
		

#menu_container{
	position: relative;
	/*top: 35px;	*/
}
	#header_logo {		
		position: absolute;
		z-index: 1;
		top: 10px;
		left: 105px;
		width: 153px;
		height: 32px;
		background: url('../images/logo_mamalingua_small.png') no-repeat;
		background-position: 0px 0px;
	}	
#logo_hotspot {	
	position: absolute;
	z-index: 1;
	padding: 0;
	margin: 0;
	
	float: right;
	top: -10px;
	left: -10px;
	
	width: 163px;
	height: 52px;
}
	#logo_hotspot .logo_hotspot {
		float:left;
		
		width: 163px;
		height: 52px;
	}
	

	#header_email {
		position: absolute;
		z-index: 1;
		top: 24px;
		left: 920px;
		
		width: 116px;
		height: 15px;	
		
	}
		#header_email .header_email_btn {			
			position: absolute;
			
			top: 0px;
			right: 110px;
			
			width: 116px;
			height: 15px;	
					
			background: url('../images/login/button_email.png') no-repeat;
			background-position: 0px 0px;
		}
		#header_email a:hover {
			background-position: 0px -28px;
		}
		#header_email:active {
			background-position: 0px -56px;
		}
	
	#print {
		position: absolute;
		z-index: 1;
		top: 84px;
		right: 140px;
		
		width: 116px;
		height: 33px;	
		
	}
		#print .print_button {
			float:left;
			
			width: 116px;
			height: 33px;	
					
			background: url('../images/print_button.jpg') no-repeat;
			background-position: 0px 0px;
		}
	#print a:hover {
		background-position: 0px -37px;
	}
	
	#close {
		position: absolute;
		z-index: 1;
				
		top: 84px;
		right: -7px;
		
		width: 146px;
		height: 33px;	
		
	}
		#close .close_button {
			float:left;
			
			width: 146px;
			height: 33px;	
					
			background: url('../images/close_button.jpg') no-repeat;
			background-position: 0px 0px;
		}
	#close a:hover {
		background-position: 0px -37px;
	}
	
#course3 a:hover {
	background-position: -538px -307px;
}

#content_container{	
	clear: left;
	margin: 0;
	padding: 0;		
	width: 1024px; 
	height : 430px; /* minimum height for footer */
	/*background: #fff;*/
	padding-bottom:40px;
}

#menu {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 1024px;
	height: 50px;
	background-color: #F7F9F9;	
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu .home {
	width: 75px;
	height: 20px;		
	left: 298px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: 0px 0px;
}
#menu .home_on {
	width: 75px;
	height: 28px;		
	left: 298px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: 0px -50px;
}
#home a:hover {
	height: 20px;
	background-position: 0px -25px;
}
#menu .products {
	width: 100px;
	height: 20px;
	left: 373px;
	top: 19px;	
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -75px 0px;	
}
#menu .products_on {
	width: 100px;
	height: 28px;
	left: 373px;
	top: 19px;	
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -75px -50px;	
}
#products a:hover {
	height: 20px;
	background-position: -75px -25px;
}
#menu .aboutmamalingua {
	width: 99px;
	height: 20px;		
	left: 473px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -175px 0px;
}
#menu .aboutmamalingua_on {
	width: 99px;
	height: 28px;		
	left: 473px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -175px -50px;
}
#aboutmamalingua a:hover {
	height: 20px;
	background-position: -175px -25px;
}
#menu .contact {
	width: 113px;
	height: 20px;		
	left: 572px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -274px 0px;
}
#menu .contact_on {
	width: 113px;
	height: 28px;		
	left: 572px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -274px -50px;
}
#contact a:hover {
	height: 20px;
	background-position: -274px -25px;
}
#menu .buy {
	width: 84px;
	height: 20px;		
	left: 685px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -387px 0px;
}
#menu .buy_on {
	width: 84px;
	height: 28px;		
	left: 685px;
	top: 19px;
	
	background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -387px -50px;
}
#buy a:hover {
	height: 20px;
	background-position: -387px -25px;
}

#menu .user {
	width: 116px;
	height: 32px;		
	left: 700px;
	top: 19px;
	
	background-color:#ff0;	
	/*background: url('../images/main_menu_buttons_en.png') no-repeat;
	background-position: -444px -57px;*/
}

.text_area{  
		/*border-width:5px;*/
		/*border-style:solid;*/
	float: left;
	position: absolute;
	top: 85px;
	padding: 3px 100px 0px 15px;
	width: 799px;
	text-align: left;
	background-color: none;
}
	.text_area h1{ 
		line-height : 60%;
		font-weight:normal;
		font-size: 40px;		
		color:#4A5058; 
	}
	.text_area .title3{ 
		line-height : 50%;
		font-weight:normal;
		font-size: 28px;		
		color:#4A5058; 
	}
	.text_area .title4{ 
		line-height : 50%;
		font-weight:normal;
		font-size: 18px;		
		color:#8D8F91; 
	}
	#title3 { 
		padding: 18px 0 0 0;
	}

#photo_main{
	position : absolute;
	
	width: 726px;
	height: 270px;		
	left: 235px;
	top: 0px;
	
	background: url('../images/photo_main.png') no-repeat;
	background-position: 0px 0px;	
}
#try_form{
	position : absolute;
	
	width: 373px;
	height: 215px;		
	left: 135px;
	top: 30px;
	
	background: url('../images/try_form.png') no-repeat;
	background-position: 0px 0px;	
}
	#try_form_field {
		position : absolute;
		left: 85px;
		top: 135px;
	}
		#try_form_field input
		{
			color: #111111;
			font-size:11px;
			border:none;
			border-radius:0px;
			padding:2px; 
			width: 195px;
		}
		#try_form1 {
			position : absolute;
			left: 12px;
			top: 11px;
			color: #ffffff;
		}
		#try_form2 {
			position : absolute;
			left: 30px;
			top: 82px;
			color: #3D3D3F;
			font-size : 11px;
		}
		#try_form3 {
			position : absolute;
			left: 92px;
			top: 119px;
			color: #3D3D3F;
			font-size : 11px;
		}
		#try_form4 {
			position : absolute;
			top: 189px;
			left: 100px;
			color: #3D3D3F;
			font-size : 8px;
		}
		
		#send_try_btn {
			position: absolute;
			top: 157px;
			left: 97px;
			height: 19px;
			width: 170px;
			
			background: url('../images/login/go_learn_en.png') no-repeat;
			background-position: 0px -28px;
		}
			#send_try_btn:hover {
				background-position: 0px 0px;
			}
			#send_try_btn:active {
				background-position: 0px -56px;
			}
	
#advantage_list {
	position : absolute;
	float: left;
	width: 1024px;	
	top: 270px;
	left: 0px;
	margin: 0px ;
	padding: 0 0 30px 0;
}
	#advantage_list p{
		padding : 0 0 10px 0;
	}
	.ver_line {
		float:left;
		position: relative;
		margin: 15px 0 15px 0;
		
		height: 62px;
		width: 1px;
		
		background: url('../images/ver_line.png') no-repeat;
		background-position: 0px 0px;
	}
	#speak {	
		float:left;
		position: relative;
		margin: 15px 20px 0 110px;
		
		height: 30px;
		width: 250px;
	}
	#quickly {	
		float:left;
		position: relative;
		margin: 15px 10px 0 30px;
		
		height: 30px;
		width: 250px;
	}
	#now {	
		float:left;
		position: relative;
		margin: 15px 0 0 30px;
		
		height: 30px;
		width: 250px;
		
		/*background: url('../images/advantage_icons.jpg') no-repeat;
		background-position: 0px -140px;*/
	}
	.rel_left {
		position : relative; 
		clear : left; 
	}
	
#courses {	
	position: absolute;
	top: 565px;
	padding: 3px 100px 0px 15px;
	width: 799px;
}
	#course1 .pic_info{
		float:left;
		margin: 10px 0 0 4px;
		
		width: 255px;
		height: 276px;
		
		background: url('../images/all_courses.jpg') no-repeat;
		background-position: 0px 0px;
	}
	#course1 a:hover {
		background-position: 0px -307px;
	}
	#course2 .pic_info{
		float: left;
		margin: 10px 0 0 14px;
		
		width: 255px;
		height: 276px;
		
		background: url('../images/all_courses.jpg') no-repeat;
		background-position: -269px 0px;
	}
	#course2 a:hover {
		background-position: -269px -307px;
	}
	#course3 .pic_info{
		float: left;
		margin: 10px 0 0 14px;
		
		width: 255px;
		height: 276px;
		
		background: url('../images/all_courses.jpg') no-repeat;
		background-position: -538px 0px;
	}
	#course3 a:hover {
		background-position: -538px -307px;
	}

#footer { 

    width:100%;	
	position: absolute;
	
	bottom:0;
	left:0;
	
	float: left;
	clear: all;
	/*width: 1024px;*/ /* for footer*/
	height: 40px;
	color: #A1A5A8;
	font-size: 10px;
	text-align: right;
	/*margin: 0;*/
	background:#e8e8e8;
	/*padding: 20px 0 0 15px;*/
}




/* page cours pour debutants */

#tag {
	position: absolute;
	border: 0;	
	width: 116px;
	height: 119px;		
	/* angle: */
}

	#learn_instructions .learn_instructions {
		float:left;		
		width: 254px;
		height: 180px;
		/*from Michael*/
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out; 
				
		background: url('../images/learn_instructions_btn.jpg') no-repeat;
		background-position: 0px -194px;
	}
	#tag a:hover {
		background-position: 0px 0px;		
		/* angle: */
		/*from Michael*/
		-moz-transition: -moz-transform .2s ease-in-out;
		-webkit-transition: webkit-transform .2s ease-in-out;
		-moz-transform: scale(1.15) rotate(15deg);
		-webkit-transform: scale(1.15) rotate(15deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	}
	.tag {		
		position: inherit;
				
		width: 116px;
		height: 119px;	
		z-index: 2;
		top: 10px;
		left: 532px;
	}
	#tag_price_cpd {	
		background: url('../images/tag_price_cpd.jpg') no-repeat;
		background-position: 0px -130px;
		
		
		-moz-transform: scale(1) rotate(6deg);
		-webkit-transform: scale(1) rotate(6deg);
		-moz-transition: -moz-transform .2s ease-in-out;
		-webkit-transition: -webkit-transform .2s ease-in-out; 
		
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	
	}
	#tag_price_adc {	
		background: url('../images/tag_price_adc.jpg') no-repeat;
		background-position: 0px -130px;
	}
	#tag_info {	
		background: url('../images/tag_info.jpg') no-repeat;
		background-position: 0px -130px;
	}
	
.paragraph1 {
		
	float: left;
	position: relative;
	/*top: -105px;*/
	
	width: 219px;
	height: 390px;
		
	margin: 25px 0 0 0;
	
	line-height: 25px;
}
.paragraph1_1 {
	float: left;
	position: relative;
	/*top: -105px;*/
	
	width: 219px;
	height: 1064px;
	margin: 25px 0 0 0;
	
	line-height: 25px;
}
.paragraph2 {
	float: left;
	position: relative;
	
	/*top: -105px;*/
	
	width: 212px;
	height: 219px;
	
	line-height: 25px;
	margin: 25px 0 0 22px;
}
.paragraph2_1 {
	float: left;
	position: relative;
	
	/*top: -105px;*/
	
	width: 531px;
	height: 50px;
	
	line-height: 25px;
	margin: 25px 0 0 22px;
	padding: 0;
}

#instructions {
	clear: left;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
}
	#instructions p{
		line-height: 25px;
		padding: 10px 0 0 0;
		margin: 0;
	}
	
#listen_message {
	padding: 20px 0 0 0;
}
	#listen {	
		float:left;
		padding: 20px 0 0 0;
		margin: 20px 0 0 0;
		
		height: 83px;
		width: 83px;
		
		background: url('../images/listen_icon.jpg') no-repeat;
		background-position: 0px 0px;
		
	}
	#listen_message p{	
		padding: 0px 0 0 110px;
	}
	
	
#learn_instructions {	
	position: relative;
	padding: 0px 0 0 0px;
	margin: 0;
	
	float: right;
	top: 130px;
	right: 20px;
	
	width: 254px;
	height: 180px;
}
	#learn_instructions .learn_instructions {
		float:left;
		
		width: 254px;
		height: 180px;
		/*from Michael*/
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out; 
				
		background: url('../images/learn_instructions_btn.jpg') no-repeat;
		background-position: 0px -194px;
	}
	#learn_instructions a:hover {
		/*from Michael*/
		-moz-transform-origin: center;
		-webkit-transform-origin: center;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);

		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	}
	
div#lessons_list {
	clear: left;
	position: relative;
	padding: 0;
	margin: 0;
}
@-moz-document url-prefix() {
    div#lessons_list {
		top: -30px;
	}
}
#free_lesson {	
	position: absolute;
	top: 25px;
	left: -60px;
	z-index: 1;
	
	padding: 0;
	margin:0;
	
	width: 72px;
	height: 72px;
	
	background: url('../images/free_lesson_icon.png') no-repeat;
	background-position: 0px 0px;
}
@-moz-document url-prefix() {
    div#free_lesson {
		top: 25px;
	}
}





/* page cours pour debutants */
#how_to_learn_title h1{ 

		/*border-width:5px;*/
		/*border-style:solid;*/
	line-height : 40%;
}

#question_symbol { 
	position: absolute;	
	top: -15px;
	left: 550px;
}
#learn_instructions_photo {	
		position: relative;		
		left: 20px;		
}

/* page how to learn */
#how_to_learn_title hr {
	width: 774px;
}


/* page contact */

#photo_link {
	position: relative;

	border: 0;
	
	width: 351px;
	height: 44px;				
}
	#photo_link a:hover {
		background-position: 0px 0px;		
	}
	.photo_link {		
		position: absolute;
		
		z-index: 2;
		top: 0px;
		left: 0px;
		
	}
	#email_address {
		width: 351px;
		height: 44px;	
		
		background: url('../images/email_address.png') no-repeat;
		background-position: 0px -59px;
	}

/* page atelier de conversation  */

#adc .paragraph1 {
	height: 780px;
}


/* page a propos de mamalingua */

#explain_mamalingua p {
	margin: 20px 0 40px 0;
}

	#explain_image {	
		float:left;
		position: relative;
		margin: 0px 0 0 0;
		
		top: 0px;
		left: -30px;
		width: 111px;
		height: 321px;
		
		background: url('../images/explain_image.jpg') no-repeat;
		background-position: 0px 0px;
	}
	
/* page produits */


#courses_photo a:link {	
	color: #333333;	
}
#courses_photo a:visited {
	color: #333333;	
}
#courses_photo a:active {
	color: #333333;	
}


#video_icon {	
	position: relative;	
	top: 30px;
	left: 50px;		
}

.courses_title {
	position : relative;
	left : 20px;
	top : 8px;
}
.courses_body1 {
	position : relative;
	left : 20px;
	top : 40px;
	width : 230px;
	text-align:justify;
}
.courses_body2 {
	position : absolute;
	left : 285px;
	top : 65px;
	width : 230px;
	text-align:justify;
}
.courses_body3 {
	position : relative;
	left : 50px;
	top : 70px;
	width : 460px;
	color : #666;
}



#courses_photo {
	position: absolute;
	border: 0;
}
	#courses_photo a:hover {
		background-position: 0px 0px;		
	}
	.products {		
		position: inherit;				
		z-index: 2;
	}
	#courses_photo_cpd {
		width: 544px;
		height: 279px;
		top: 30px;
		left: 240px;		
		background: url('../images/product_desc_back.png') no-repeat;
		background-position: -552px 0px;
	}
	#courses_photo_aap {
		width: 544px;
		height: 295px;
		top: 330px;
		left: 240px;			
		background: url('../images/product_desc_back.png') no-repeat;
		background-position: -553px 0px;
	}
	#courses_photo_adc {
		width: 544px;
		height: 208px;
		top: 642px;
		left: 240px;			
		background: url('../images/product_desc_back.png') no-repeat;
		background-position: -553px 0px;
	}
	#courses_photo_cpi1 {	
		width: 544px;
		height: 233px;
		top: 867px;
		left: 240px;		
		background: url('../images/product_desc_back.png') no-repeat;
		background-position: -553px 0px;
	}
	
/* popup for login */
#blanket {
	background: url('/images/login/login_back_tile.jpg') repeat;
	background-position: 0px 0px;
	background-color:#111;
	opacity: 1.0;
	filter:alpha(opacity=100);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}
#popUpDiv
{
	/*width:700px;
	margin:0 auto;*/
	position: absolute;
	z-index: 9002;
}
#form_login, #form_register, #form_forgot
{
	/*z-index: 9003;*/
}

/* parameters of all the input fields in the login, register etc */
#login_name input, #login_pass input, #reg_name input, #reg_lastname input, #reg_user input, #reg_pass input, #reg_passc input, #reg_email input, #reg_emailc input, #forgot_email input, #reset_pass input, #reset_passc input
{
	color: #111111;
	font-size:20px;
	border:none;
	border-radius:7px;
	padding:5px; 
	width: 320px;
}
#header_login_name input, #header_login_pass input, #aff_login_name input, #aff_login_pass input
{
	color: #111111;
	font-size:11px;
	border:none;
	border-radius:0px;
	padding:2px; 
	width: 139px;
}
input 
{ 
    outline:1px solid #00e0b3; 
}		
input:focus 
{ 
    outline:none;
    border-color:#00bdaf;
    box-shadow:0 0 10px #00bdaf; 
}		
#form_login, #form_register, #form_forgot, #form_reset_password, #reg_success, #forgot_success, #reset_success, #reset_error {
	position:absolute;
	align:center;
	background-position: 0px 0px;		
    top: 50%;
    left: 50%;
}
#form_login {
	background: url('/images/login/login_back_en.png') no-repeat;
	width:660px;
	height:635px;
}
	#login_name
	{
		position:absolute;
		top:288px;
		left:170px;
	}
	#login_pass
	{
		position:absolute;
		top:348px;
		left:170px;
	}
	.submit_login_style
	{	
		position:absolute;
		
		top:400px;
		left:412px;			
		
		background: url('/images/login/sign_in_en.png') no-repeat;
		background-position: 0px 0px;
		border: none;
		
		width: 75px;
		height: 30px;			
	}
		.submit_login_style:hover {
			background-position: 0px -43px;
		}
		
	.submit_info_style
	{	
		background: url('/images/login/sign_in_en.png') no-repeat;
		background-position: 0px 0px;
		border: none;
		
		width: 75px;
		height: 30px;			
	}
		.submit_info_style:hover {
			background-position: 0px -31px;
		}
	
	#header_languages
	{
		float: left;
		text-align: left;
		top:10px;
		margin:10px 0px 0px 20px;
		display: inline;
		z-index:1000;
	}
	
	#header_login_name
	{
		float: left;
		text-align: left;
		top:10px;
		margin:10px 0px 0px 20px;
		display: inline;
		z-index:1000;
	}
	#header_loggedin_name
	{
		float: left;
		text-align: left;
		top:10px;
		margin:8px 0px 0px 20px;
		display: inline;
		z-index:1000;
	}
	#header_login_pass
	{
		float: left;
		text-align: left;
		top:10px;
		margin:10px 0px 0px 10px;
		display: inline;
		z-index:1000;
	}
	#header_submit_login_btn
	{	
		float: left;
		text-align: left;
		margin:10px 0px 0px 10px;
		display: inline;
		z-index:1000;		
	}
	#header_submit_login_btn, #aff_submit_login_btn
	{			
		background: url('/images/login/sign_in_en.png') no-repeat;
		background-position: 0px -5px;
		border: none;
		width: 75px;
		height: 25px;			
	}
		#header_submit_login_btn:hover, #aff_submit_login_btn:hover {
			background-position: 0px -48px;
		}
		#header_submit_login_btn:active, #aff_submit_login_btn:active {
			background-position: 0px -92px;
		}
	
	#header_go_learn_btn
	{	
		
		float: left;
		text-align: left;
		top:10px;
		margin:10px 0px 0px 20px;
		display: inline;
		z-index:1000;
		
		/*position:absolute;
		
		top:10px;
		left:830px;	*/		
		
		background: url('/images/login/go_learn_en.png') no-repeat;
		background-position: 0px -28px;
		border: none;
		
		width: 170px;
		height: 19px;			
	}
		#header_go_learn_btn:hover {
			background-position: 0px 0px;
		}
		#header_go_learn_btn:active {
			background-position: 0px -56px;
		}
		
	#header_error_message
	{
		float: left;
		text-align: left;
		top:10px;
		margin:10px 0px 0px 10px;
		color:#F00;
		font: 12px arial, sans-serif;
		z-index: 10000;
		
	}
	
	#header_connected
	{
		position:absolute;
		top:5px;
		align: right;
		right:10px;
	}
	
	#error_message
	{
		position:absolute;
		top:105px;
		left:80px;		
		
		text-align:justify;
		width : 500px;
		height : 110px;
		color:#F00;
		z-index: 1;
	}
	#error_message1
	{
		position:absolute;
		top: 250px;
		left:50px;		
		
		text-align:justify;
		width : 500px;
		color:#F00;
		z-index: 1;
	}
	#error_message_affiliate
	{
		position:absolute;
		top: 75px;
		left: 20px;		
		
		text-align:justify;
		width : 900px;
		color:#F00;
		z-index: 1;
	}
	#other_btns
	{
		position:absolute;
		color: #4bb7ad;	
	}
		#other_btns a
		{
			color: #4bb7ad;
		}
		#other_btns a:hover
		{
			color: #333;
		}
	
#form_register
{
	background: url('/images/login/register_back_en.png') no-repeat;
	width:700px;
	height:564px;
}	
#form_register_new
{
	background: url('/images/login/register_back_en.png') no-repeat;
	width:700px;
	height:564px;
	
	margin:0 auto;
}
	#reg_name
	{
		position:absolute;
		top:195px;
		left:2px;
	}
	#reg_lastname
	{
		position:absolute;
		top:195px;
		left:380px;
	}
	#reg_user
	{
		position:absolute;
		top:265px;
		left:2px;
	}
	#reg_pass
	{
		position:absolute;
		top:335px;
		left:2px;
	}
	#reg_passc
	{
		position:absolute;
		top:335px;
		left:380px;
	}	
	#reg_email
	{
		position:absolute;
		top:405px;
		left:2px;
	}
	#reg_emailc
	{
		position:absolute;
		top:405px;
		left:380px;
	}
	#submit_register_btn
	{	
		position:absolute;
		
		top:460px;
		left:295px;			
		
		background: url('/images/login/reg_btn_en.png') no-repeat;
		background-position: 0px 0px;
		border: none;
		
		width: 109px;
		height: 30px;			
	}
		#submit_register_btn:hover {
			background-position: 0px -31px;
		}
		
#form_forgot
{
	background: url('/images/login/forgot_back_en.png') no-repeat;
	width:660px;
	height:631px;
}
	#forgot_email
	{
		position:absolute;
		top:366px;
		left:169px;
	}	
	#submit_forgot_btn
	{	
		position:absolute;
		
		top:415px;
		left:260px;			
		
		background: url('/images/login/forgot_btn_en.png') no-repeat;
		background-position: 0px -31px;
		border: none;
		
		width: 230px;
		height: 30px;			
	}
		#submit_forgot_btn:hover {
			background-position: 0px 0px;
		}	

#form_reset_password
{
	background: url('/images/login/reset_back_en.png') no-repeat;
	width:660px;
	height:631px;
}
	#reset_pass
	{
		position:absolute;
		top:353px;
		left:169px;
	}	
	#reset_passc
	{
		position:absolute;
		top:412px;
		left:169px;
	}	
	#submit_password_btn
	{	
		position:absolute;
		
		top:470px;
		left:392px;			
		
		background: url('/images/login/reset_btn_en.png') no-repeat;
		background-position: 0px -31px;
		border: none;
		
		width: 97px;
		height: 30px;			
	}
		#submit_password_btn:hover {
			background-position: 0px 0px;
		}	
		
#reg_success
{
	background: url('/images/login/reg_success_en.png') no-repeat;
	width:609px;
	height:561px;
}
#forgot_success
{
	background: url('/images/login/forgot_success_en.png') no-repeat;
	width:660px;
	height:631px;
}
#reset_success
{
	background: url('/images/login/reset_success_en.png') no-repeat;
	width:660px;
	height:631px;
}
#reset_error
{
	background: url('/images/login/reset_error_en.png') no-repeat;
	width:660px;
	height:631px;
}
#activate_success
{
	background: url('/images/login/activate_success_en.png') no-repeat;
	width:660px;
	height:631px;
}

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* Buy css */

#submit_buy_btn
	{	
		/*position:absolute;
		
		top:400px;
		left:412px;	*/		
		
		background: url('/images/buy_prec_suiv_en.png') no-repeat;
		background-position: -122px 0px;
		border: none;
		
		width: 88px;
		height: 31px;			
	}
		#submit_buy_btn:hover {
			background-position: -122px -50px;
		}