/*---------------------------------GENERAL LAYOUT---------------------------------*/

body,td,th, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
	color:#58585a;
	cursor: default;
}
body{
	background:#FFFFFF url(page-back.png) no-repeat left top;
	margin:95px 0px 0px 8px;
	overflow:auto;
}
div{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.invisible{
  visibility:hidden;
  display:none;
}
.Page{
	width:435px;height:100%;
	text-align:left;
}

.apercu{
	display:none;
	background-image:url(preview.png)!important;
	background:transparent url(previewie.png) no-repeat left top;
  height:90px; width:107px; overflow:hidden;
  position:absolute;
  top:0px; left:0px;
  z-index:1000;
  font-size:0px;
  line-height:200px;
}
.scrollingMain{overflow:hidden;}
.header{}
    .header .LEFT{display:none}
    .header .RIGHT{
       position:absolute;
       top:15px; right:10px;
    	font-weight: bold;
    	font-size:22px;
    	color:#585858;
    	text-align: left;
    	vertical-align: bottom;
    }
    
		.flag{
			position:absolute;
			top:100px;
			height:32px;width:777px!important;
			overflow:hidden;
			margin:0px 0px 0px 0px;
			padding:0px 23px 0px 0px;
		}
		.flag div{
			width:30px; height:32px; 
			background:transparent url(flag/fr.png) no-repeat center center; 
			cursor:pointer;
			float:right;
		}
		
		.flag .de{background-image:url(flag/de.png);}
		.flag .en{background-image:url(flag/en.png);}
		.flag .es{background-image:url(flag/es.png);}
		.flag .fr{background-image:url(flag/fr.png);}
		.flag .it{background-image:url(flag/it.png);}
		.flag .pt{background-image:url(flag/pt.png);}
		.flag .nl{background-image:url(flag/nl.png);}
		.flag .sv{background-image:url(flag/sv.png);}

.outerprogress {
			position:absolute;
			top:50px;
	  	height:31px; width:204px;
			margin:0px 0px 0px 490px;
}

	.progress{
	  text-align:left;
	  height:31px; width:204px;
		background:transparent url(progress.gif) no-repeat center center;
		padding:1px 0px 0px 0px;
	}
	  .progress .FRONT{
	    height:10px;width:0%;
			background:transparent url(progressbar.gif) repeat-x top center;
			margin:10px 2px 0px 2px;
	  }
.main{
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

.pub{
	width:160px;
	text-align:center;
	padding:80px 10px 0px 0px;
	vertical-align:top;
	
}
.footer{
	height: 30px;
	padding-bottom:20px;
}
.mandatory, .mandatorySign {
	font-weight: bold;
	color: #ff0000;
}
  .mandatory{
  	visibility:hidden;
  	display:none;
  }
.linkeq{
	display:none;
}
.logoclient{
	display:none;
}
.button{
	height: 30px; width: 100%;
}
  .button .FRONT{
  	text-align:center;
  	v-align:middle;
  }
    BUTTON{
    	background:#FFFFFF;
    	height:30px; width:172px;
    	border:none;
    	cursor:hand;
    }

    .BtnBack-de {background-image:url(btn/back-de.png);}
    .BtnBack-en {background-image:url(btn/back-en.png);}
    .BtnBack-es {background-image:url(btn/back-es.png);}
    .BtnBack-fr {background-image:url(btn/back-fr.png);}
    .BtnBack-it {background-image:url(btn/back-it.png);}
    .BtnBack-pt {background-image:url(btn/back-pt.png);}   
    .BtnBack-nl {background-image:url(btn/back-en.png);}
    .BtnBack-sv {background-image:url(btn/back-en.png);}

    .BtnSave-de {background-image:url(btn/next-de.png);}
    .BtnSave-en {background-image:url(btn/next-en.png);}                            
    .BtnSave-es {background-image:url(btn/next-es.png);}
    .BtnSave-fr {background-image:url(btn/next-fr.png);}
    .BtnSave-it {background-image:url(btn/next-it.png);}
    .BtnSave-pt {background-image:url(btn/next-pt.png);}
    .BtnSave-nl {background-image:url(btn/next-en.png);}
    .BtnSave-sv {background-image:url(btn/next-en.png);}

    .BtnClose-de {background-image:url(btn/close-de.png);}
    .BtnClose-en {background-image:url(btn/close-en.png);}
    .BtnClose-es {background-image:url(btn/close-es.png);}
    .BtnClose-fr {background-image:url(btn/close-fr.png);}
    .BtnClose-it {background-image:url(btn/close-it.png);}
    .BtnClose-pt {background-image:url(btn/close-pt.png);}
    .BtnClose-nl {background-image:url(btn/close-en.png);}
    .BtnClose-sv {background-image:url(btn/close-en.png);}
    
    .BtnUnsubscribe-fr {background-image:url(btn/unsubscribe-fr.png);width:130px;}    
    
    #BtnGetIn {
    	height:30px; width:130px;
    	border:none;
    	cursor:hand;
    	background:#FFFFFF url(btn/start-fr.png) no-repeat;
    }

.Trans{background:transparent;}


/*---------------------------------SECTION---------------------------------*/
.Section{}
  .Section .Title{}
  .Section .Body{}
  
/*---------------------------------QUESTION---------------------------------*/
Select,Input { 
width:310px; 
} 

.Question, .Section {
	margin:0px 0px 10px 0px;
	width:435px;
}
  .Question .Title, .Section .Title, .TitleSelected {
  	height:19px;
  	font-size:14px;
  	font-weight:bold;
	  padding:1px 0px 0px 23px;
	  text-align:left;
	  background:transparent url(question-top.png) no-repeat left center;
  	color:#3ea345;
  }
  .TitleSelected {
  }
  .Question .Hint{
    height:16px; width:32px;
	  background:transparent url(hint.gif) no-repeat center center;
  	float:right;
  }
  .Question .Body, .Section .Body{
  	width:100%;
    padding:10px 0px 0px 13px;
		overflow:hidden;
  }
  /*.Question .Modality{
    width:100px;
    vertical-align:top;
    padding:0px 0px 3px 0px;
  }
  .Question .Modality label{
    font-weight:bold;
    color:#636c72;
    vertical-align:2px;
    width:100px;
  }*/
    .TextField{
      background:white;
      border:1px solid #b6c7d1;
    }
    .CommentField{
      width:700px!important; width:100%; overflow:auto;
      background:white;
      border:1px solid #b6c7d1;
    }
    .Others{
      height:18px; width: 200px;
      background:white;
      border:1px solid #b6c7d1;
    	margin:0px 0px 0px 5px;
    	overflow:visible;

    }
    .Rank, .HiddenRank{
      cursor:hand;
      width:40px;
      background:#ECECEC;
      color:#111111;
      font-weight:bold;
      border:1px solid #b6c7d1;
      text-align:center;
    }
    .HiddenRank{
      cursor:default;
    	filter:alpha(opacity=15);
    	opacity:0.15;
  	  -moz-opacity:0.15;
    }
    .DateFieldCalendar{
      background:white;
      border:1px solid #b6c7d1;
      border-width:1px 1px 1px 1px;
      width:100px;height:20px;
    }
    
    .DateFieldCalendarIcon{
			border:0px solid transparent;
			background:transparent url(calendar.gif) no-repeat center center;;
      width:40px;height:20px;
    	cursor:pointer;
    }
    

/*---------------------------QUESTION SOUS SECTION---------------------------*/
.Section .Question {
	margin:0px 0px 5px 0px;
	background:transparent none;
	width:420px;
}
  .Section .Question .Title, .Section .TitleSelected {
  	width:105px;height:20px;
  	font-size:11px;
  	font-weight:bold;
	  padding:0px 0px 0px 0px;
	  margin:2px 0px 0px 0px;
	  text-align:left;
	  background:transparent none;
  	color:#58585a;
  	float:left;
  }
  .Section .TitleSelected {
  	color:#ff0000;
  	border-bottom:2px solid #ff0000;
  }
  .Section .Question .Body{
  	width:100%;
    padding:0px 0px 0px 0px;
		background:transparent none;
		overflow:hidden;
  }
  .Section .Question .Modality{
    width:110px;
    font-size:11px;
    vertical-align:middle;
    padding:0px 0px 3px 0px;
  }

  .Section .Question .Modality label{
    font-weight:bold;
    color:#636c72;
    vertical-align:10px;
    width:50px;
  }
  .Section .Question .Modality INPUT{
    font-weight:bold;
    color:#636c72;
    vertical-align:10px;
    width:50px;
  }

/*---------------------------------GROUPE DE QUESTIONS--------------------------------*/
.Group{

}
.GroupFirstCell{
  border:0px solid #b6c7d1;
}
.GroupColumn, .GroupLastCell {
	color:#636c72;
	font-weight:bold;
	text-align:center;
  border:0px solid #b6c7d1;
  padding:5px 5px 5px 5px;
  width:60px;
}
.GroupLine {
	color:#636c72;
	font-weight:bold;
	text-align:left;
  border:1px solid #b6c7d1;
  border-width:1px 0px 0px 0px;
  padding:3px 5px 3px 5px;
}
.GroupCell {
	font-weight:bold;
	text-align:center;
  border:1px solid #b6c7d1;
  border-width:1px 0px 0px 0px;
  padding:0px 5px 3px 5px;
	white-space: nowrap;
}

/*--------------------------GROUPE DE QUESTIONS SOUS SECTION--------------------------*/


/*---------------------------------TEXT---------------------------------*/
.Text, .Section .Text {
	margin:0px 0px 5px 0px;
}
.Text .Title, .Section .Text .Title {
  font-size:11px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	background:transparent none;
	border-width:0px 0px 0px 0px;
		color:#8e8e8e;
}
.Text .Body, .Section .Text .Body {
  font-size:11px;
	padding:0px 0px 0px 0px;
}


/*---------------------------------THANKS---------------------------------*/
.Thanks{
	font-size:14px;
	background: transparent;
	border:0px solid #B41010;
	width: 100%;
	text-align:center;
	margin:150px 0px 0px 0px;
	font-weight:bold;
}
.Thanks .Title {font-size:18px; margin:0px;}
.Thanks .Body  {font-size:16px; margin:12px 0px 0px 0px;}


.BtnBar{
  height: 40px; width: 100%;
}
.BtnCase{
	text-align:center;
	v-align:middle;
}
.Btn{
	height:30px; width:130px;
	background:#FFFFFF;
	border:none;
	cursor:hand
}
/*---------------------------------IMAGE---------------------------------*/
.Image{
	width:696px;
	text-align:left;
	padding:25px 0px 10px 0px;
}
.Image .Title{
	padding:0px 0px 0px 0px;
	background:transparent none;
	border-width:0px 0px 0px 0px;
	width:80%;
	float:right;
	font-size:11px;
	color:#636c72;
	background:transparent none;
}
.Image .Body {width:1px; overflow:visible;	background:transparent none;}
.ImageFile{}

/*---------------------------------FILE---------------------------------*/
.File{
	width: 100%;
	margin:25px 0px 15px 0px;
}
.FileTitle{
	font-weight:bold;
	padding: 5px 5px 2px 2px;
	height:20px;
	border: 1px solid #123069;
	border-width: 0px 0px 1px 0px;
}
.FileInformation{
	font-size: 10px;
	padding: 2px 10px 0px 2px;
	height:93px;
	vertical-align: top;
}
.FileImage{
	width:100px;
  padding:2px 10px 0px 70px;
}

/*-------------------------------------HINT-------------------------------------*/
.Popup{
  width:200px;
	background-image:url(postit.png)!important;
	background:transparent url(postitie.png) no-repeat center bottom;
  position:absolute;
  overflow:hide;
  color:#000000;
  visibility:hidden;
  display:none;
	z-index: 1000;

}
.Popup .body{
	background:transparent none;
	font-size:0.8em;
	font-weight:bold;
  color: #333333;
	margin:0px 5px 0px 5px;
	padding:5px 10px 15px 10px;
	border-top:1px solid #737373;
}