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

body,td,th {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#111111;
	cursor: default;
}
body{
	background-color:#FFFFFF;
	background-image: url(header-pattern.gif);
	background-repeat: repeat-x;
}
.invisible{
  visibility:hidden;
  display:none;
}
.Page{width:100%;height:100%}
.scrollingMain{height:100%}
.header{
	height: 85px; width:100%;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
}
    .header .LEFT{
      width:80px;
    	font-weight: bold;
    	vertical-align: top;
    	text-align: center;
    }
    .header .RIGHT{
    	font-weight: bold;
    	font-size:20px;
    	color:white;
    	padding: 0px 0px 40px 0px;
    	text-align: center;
    	vertical-align: bottom;
    }
.progress{
  text-align:left;
  height:31px; width:204px;
  background-image: url(progress.gif);
	background-repeat: no-repeat;
	background-position:center;
	margin:0px 0px 20px 0px;
	padding:1px 0px 0px 0px;
}
  .progress .FRONT{
    height:10px;width:0%;
    background-image: url(progressbar.gif);
  	background-repeat: repeat-x;
		margin:10px 2px 0px 2px;
  }
.main{
	vertical-align: top;
	padding: 0px 20px 0px 20px;
}

.pub{
	width:160px;
	text-align:center;
	padding:80px 10px 0px 0px;
	vertical-align:top;
	
}
.footer{
	height: 77px;
	vertical-align: bottom;
	background-image: url(footer-pattern.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	position: relative;
	bottom: 0px;
}
.mandatory, .mandatorySign {
	font-weight: bold;
	color: red;
}
  .mandatory{
  	visibility:hidden;
  	display:none;
  }
.linkeq{
  height:37px; width:121px;
	background-image: url(linkeq.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:right;
	margin: 0px 0px 0px 0px;
}
.logoclient{
  height:0px; width:0px;
}
.button{
	height: 40px; width: 100%;
}
  .button .FRONT{
  	text-align:center;
  	v-align:middle;
  }
    BUTTON{
    	background-color:#FFFFFF;
    	height:30px; width:130px;
    	border:none;
    	cursor:hand;
    }

    .BtnBack-de {background-image:url(back-de.gif);}
    .BtnBack-en {background-image:url(back-en.gif);}
    .BtnBack-es {background-image:url(back-es.gif);}
    .BtnBack-fr {background-image:url(back-fr.gif);}
    .BtnBack-it {background-image:url(back-it.gif);}
    .BtnBack-pt {background-image:url(back-pt.gif);}   
    .BtnBack-nl {background-image:url(back-en.gif);}
    .BtnBack-sv {background-image:url(back-en.gif);}
    
    .BtnSave-de {background-image:url(next-de.gif);}
    .BtnSave-en {background-image:url(next-en.gif);}                            
    .BtnSave-es {background-image:url(next-es.gif);}
    .BtnSave-fr {background-image:url(next-fr.gif);}
    .BtnSave-it {background-image:url(next-it.gif);}
    .BtnSave-pt {background-image:url(next-pt.gif);}
    .BtnSave-nl {background-image:url(next-en.gif);}
    .BtnSave-sv {background-image:url(next-en.gif);}

    .BtnClose-de {background-image:url(close-de.gif);}
    .BtnClose-en {background-image:url(close-en.gif);}
    .BtnClose-es {background-image:url(close-es.gif);}
    .BtnClose-fr {background-image:url(close-fr.gif);}
    .BtnClose-it {background-image:url(close-it.gif);}
    .BtnClose-pt {background-image:url(close-pt.gif);}
    .BtnClose-nl {background-image:url(close-en.gif);}
    .BtnClose-sv {background-image:url(close-en.gif);}

    #BtnGetIn {
    	background-color:#FFFFFF;
    	height:30px; width:130px;
    	border:none;
    	cursor:hand;
    	background-repeat: no-repeat;
    	background-image:url(start-fr.gif); 
    }

.Trans{background-color:transparent;}

.apercu{
  height:25px; width:100%;
  background-color:#000000;
  position:absolute;
  filter:alpha(opacity=40);
  -moz-opacity:0.40;
  opacity: 0.40;
  z-index:1000;
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  color:white;
}

/*-------------------------------------HINT-------------------------------------*/
.Popup{
  width:200px;
  position:absolute;
  overflow:hide;
  background-color:transparent;
  color:#000000;
  visibility:hidden;
  display:none;
	z-index: 1000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.Popup .body{
  background-color:#FFFFFF;
  border:1px solid #000000;
  color: #000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;

}
/*---------------------------------SECTION---------------------------------*/
.Section{
	color:#111111;
	text-align:left;
	width: 100%;
	background-repeat: repeat;
  border:1px solid #8C8C8C;
  border-width:0px 1px 1px 1px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
  .Section .Title{
  	font-weight:bold;
  	background-image: url(fading.jpg);
  	background-repeat: repeat-x;
  	background-color:#686868;
    border:1px solid #8C8C8C;
    border-width:1px 0px 1px 0px;
  	color:#111111;
  	width: 100%;
  	padding:4px 4px 4px 8px;
  }
  .Section .Body{
    padding:5px 20px 5px 20px;
  }
  
/*---------------------------------TEXT---------------------------------*/
.Text {
	border:0px solid #B41010;
	width: 100%;
}
.Text .Title {
  font-size:11px;
	font-weight:bold;
	padding:10px 0px 0px 50px;
	background-image:none;
	background-color:transparent;
	border-width:0px 0px 0px 0px;
}
.Text .Body {
  font-size:11px;
	padding:0px 0px 0px 50px;
}

/*---------------------------------QUESTION---------------------------------*/
.Question {
	width: 100%;
	padding:10px 0px 0px 0px;
}
  .Question .Title, .TitleSelected {
  	font-weight:bold;
	  padding:4px 4px 4px 8px;
  	background-image: url(fading.jpg);
  	background-repeat: repeat-x;
  	background-color:#686868;
    border:1px solid #8C8C8C;
    border-width:1px 1px 1px 1px;
  	color:#111111;
  	width: 100%;
  }
  .TitleSelected {
    background-image:none;
    background-color:red;
    border:1px solid red;
    border-width:1px 1px 1px 1px;
  }
  .Question .Hint{
    height:16px; width:32px;
  	background-image: url(hint.gif);
  	float:right;
  }
  .Question .Body{
    width:100%;
    padding:2px 5px 5px 20px;
  }
  .Question .Modality{
    width:1%;
    font-weight:normal;
    vertical-align:top;
  }
    .TextField{
      background-color:white;
      border:1px solid #8C8C8C;
    }
    .CommentField{
      width:100%;
      background-color:white;
      border:1px solid #8C8C8C;
      scrollbar-arrow-color:#8C8C8C;
    	scrollbar-Base-Color:#ECECEC;
    	scrollbar-DarkShadow-Color:#8C8C8C;
    }
    .Others{
      height:18px; width: 200px;
      background-color:white;
      border:1px solid #8C8C8C;
    	margin:0px 0px 0px 5px;
    	overflow:visible;

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

/*---------------------------QUESTION SOUS SECTION---------------------------*/

  .Section .Question .Title {
    font-size:11px;
	  padding:0px 0px 0px 0px;
  	background-image: none;
	  background-color:transparent;
    border:1px solid #8C8C8C;
    border-width:0px 0px 1px 0px;
  }
  .Section .Question .Body{
    font-size: 8px;
  }
  .Section .Question .Modality{
    font-size:11px;
  }

/*---------------------------------GROUPE DE QUESTIONS--------------------------------*/
.GroupFirstCell{
  border:0px solid #8C8C8C;
}
.GroupColumn, .GroupLastCell {
  font-size:11px;
	font-weight:bold;
	text-align:center;
  border:0px solid #8C8C8C;
  padding:5px 5px 5px 5px;
}
.GroupLine {
	font-size:11px;
	text-align:left;
  border:1px solid #8C8C8C;
  border-width:1px 0px 0px 0px;
  padding:0px 5px 0px 5px;
}
.GroupCell {
  width:50px;
	font-weight:bold;
	text-align:center;
  border:1px solid #8C8C8C;
  border-width:1px 0px 0px 0px;
  padding:0px 5px 0px 5px;
	white-space: nowrap;
}

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


/*---------------------------------THANKS---------------------------------*/
.Thanks{
	font-size:14px;
	background-color: transparent;
	border:0px solid #B41010;
	width: 100%;
	text-align:center;
	margin:150px 0px 0px 0px;
}
.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-color:#FFFFFF;
	border:none;
	cursor:hand
}
/*---------------------------------IMAGE---------------------------------*/
.Image{
	text-align:left;
	width: 100%;
	padding:25px 0px 10px 0px;

}
.Image .Title{
	padding:0px 0px 0px 0px;
	background-image:none;
	background-color:transparent;
	border-width:0px 0px 0px 0px;
	width:80%;
	float:right;
	font-size:11px
}
.Image .Body{width:1px;}
.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;
}

.flag{
	position:absolute;
	right:10px;
	top:41px;
	height:30px;
}
.flag div{width:30px; height:30px; background-image:url(flag-fr.gif); background-repeat:no-repeat;cursor:pointer;float:left;}

.flag .de{background-image:url(flag-de.gif);}
.flag .en{background-image:url(flag-en.gif);}
.flag .es{background-image:url(flag-es.gif);}
.flag .fr{background-image:url(flag-fr.gif);}
.flag .it{background-image:url(flag-it.gif);}
.flag .pt{background-image:url(flag-pt.gif);}
.flag .nl{background-image:url(flag-nl.gif);}
.flag .sv{background-image:url(flag-sv.gif);}