@import "../indexCommon.css";
 
.bugg
{
	border: medium solid #E78F08;
}

.subtitleCannotStart
{
	font-style:italic;
	text-decoration:underline;
}

.step1Subtitle
{
	font-weight:bold;
}
.navigationStep
{
	width:100%;
	border-collapse:collapse;
}
.premiereCol
{
	padding:0px;
	margin:0px;
	width:0px;
}
.deuxiemeCol
{
/*
65% et 35% obligatoire sous IE cela décale vers la droite 
la première colonne n'est jamais égale à width 0 sinon
*/
	width:45%;
	padding:0px;
	margin:0px;
}
.deuxiemeCol2
{
	width:95%;
}.troisiemeCol
{
	width:55%;
	padding:0px;
	margin:0px;
}

#candidatesTestsTable
{
	height:100%;
	width:100%;
/*	background-color:Red;*/
	table-layout: fixed;
}

.navigationStepRow
{
	border-bottom: solid 1px green;
}


.navigationSubTitle
{
	color:Green;
/*	border-bottom: solid 2px green;*/
	font-weight:bold;
}

.navigationCurrentStep
{
	text-align:center;
	margin-left:5px;
	padding-left:5px;
	margin-right:5px;
	padding-right:5px;
	font-weight:bold;
}

.navigationOtherStep
{
	text-align:center;
	font-weight:lighter;
	color:gray;
	margin-left:2px;
	padding-left:2px;
	margin-right:2px;
	padding-right:2px;
}

#recruitmentTestsListArea
{
	width:99%;
	overflow:auto;
	padding:1px;
}

#mainPartTestsAgencies
{
	width:100%;
}

.ErrorMsg
{
	background-color:Red;
}
.testAgencyStatusJobAd
{
	/*width:40px;*/
}
.listAgencyTestActions
{
	/*width:55px;*/
}

.nbEx
{
/*	width:40px;*/
}
.recruitmentTestsList
{
/*	border: 3px solid #E78F08;
	border-collapse:collapse;
	border-spacing: 0px; */
	width:100%;
}

.testReportTitle
{
	color:#F79F08;
}
.newTestTableHidden
{
	display:none;
}

.randomTest
{
	margin: 5px;
	width:95%;
	text-align:center;
}

#agencyTestsAreaMainTable
{
	width:98%;
}

#tabAreaHelpManageTest,  #tabAreaHelpManageTest > div
{
	width:98%;
}

#agencyTestsAreaMainTable td
{
/*	border: 1px solid #E78F08;
	border-collapse:collapse;
	border-spacing: 0px;*/
}

.recruitmentTestsList td, .recruitmentTestsList th
{
/*	border: 3px solid #E78F08;
	padding:4px;
*/
	text-align:center;
}

#candidatesTests
{
	height:100%;
	width:55%;
	vertical-align:top;
}
#tdAnalyse
{
	vertical-align:top;
	width:30%;
	border:3px solid #E78F08;
}

#candidatesTestsListArea 
{
	/* height:100%;*/
	width:100%;
	overflow:auto;
	margin:3px
}


.testPendingLastUpdate {
white-space:nowrap;
width:60px;
	font-size:smaller;

}
.testPendingAction {
white-space:nowrap;
width:50px;
}
 #pendingTestsListArea
{
	height:234px;
	width:99%;
/*	overflow:auto;*/
	margin:3px
}
.candidatesTestsList,.pendingTestsList
{
/*	border: 3px solid #E78F08;
	border-collapse:collapse;
	margin:3px;*/
	overflow:auto;
/*	height:99%;  Pose problème quand les tables sont vides*/
	width:99%
}
 .generateTest,
#generatedTestTable
{
/*	border: 3px solid #E78F08;
	border-collapse:collapse;
	margin:2px;
*/
/*	margin-left:2px;*/

}

.generateTest td, .generateTest th,
.candidatesTestsList td, .candidatesTestsList th,
.pendingTestsList td, .pendingTestsList th ,
 #generatedTestTable th
{
/*	border: 3px solid #E78F08;
	padding:4px;*/
	text-align:center;
}
#generatedTestTable > tbody > tr > td 
{
/*	border: 3px solid #E78F08;
	padding:4px;
*/
	text-align:left;
}
.recruitmentTestsListJSONResult
{
	display:none;
}

.notesEx , .notesLevel
{
/*	border: 3px solid #E78F08;
	border-collapse:collapse;
*/
}

.notesEx td, .notesEx th,.notesLevel td, .notesLevel th
{
/*	border: 3px solid #E78F08;*/
/*	border-style: solid;
	border-color: #E78F08;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;*/
	text-align:center;
/*	padding:4px;*/
}
#analyseAreaGraphLegend
{
/*	width:98%;*/
/*	overflow:scroll;*/
}

 #htmlAreaHelpGraph
{
	width:98%;
}
.permaLinkGraph
{
	margin:1px;
}

.analyseAreaGraphLegendTable td
{
	width:15px;
	overflow:hidden;
}

.analyseAreaGraphLegendTable th
{
	width:15px;
	overflow:hidden;
}
.analyseAreaGraphLegendTable .tdLegendColor
{
	width:5px;
	overflow:hidden;
}

.analyseAreaGraphLegendTable .tdLegendCandidateName
{
	overflow:hidden;
	width:40%;
}

.analyseAreaGraphLegendTable
{
	width:100%;
	table-layout:fixed;
/*	border-style: solid;
	border-color: #E78F08;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-spacing:0;*/
/*border-collapse:collapse;  Doesn't work well with firefox, sometimes for
some line the border is not displayed.
It works with border-spacing and only one border (top left)
For IE we put the border-collapse:collapse in a conditionnal css
in the index.html file*/
}
/*
.analyseAreaGraphLegendTable td, .analyseAreaGraphLegendTable th
{
	border-style: solid;
	border-color: #E78F08;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}*/

.libelCandidate
{
/*	margin:2px;
	padding:2px;*/
}
 .intro
{
	height:100%;
	width:65%;
	vertical-align:top;
}

 .intro *
{
	font-size:12pt;
}


div.agencyTestsListExercises
{
	zoom:1;
	background-color:gray;
	height:100%;
	width:400px;
	overflow:hidden;
}

td.agencyTestsListExercises
{
	zoom:1;
	wfont-size:smaller;
	width:400px;
	background-color:red;
	display:none;
}

td.testCandidateTitleAndEx
{
	zoom:1;
/*	width:450px;*/
}

div.testCandidateTitleAndEx
{
	zoom:1;
	/*width:450px;*/
	overflow:hidden;
    white-space: nowrap; /* required in IE 6 */    
}
.testCandidateAction
{
	width:80px;
	white-space: nowrap; 
}
.testCandidateName
{
	width:80px;
}
/*
the tab container is (id) #htmlAgencyTestsArea, it is size is set in jscript resizeExercice()
the tabs are (class) .htmlAgencyTestsArea and the size is 100% of the container
*/
#htmlAgencyTestsArea
{
	/*height:92%; doesn't work it must be set using window size in jscript*/
}

.htmlAgencyTestsArea
{
	height:90%;
}

#usercaseArea
{
overflow:auto;
}

.usercaseArea
{
/*	height:600px;*/
}

.divTitleIntro *
{
	font-size:16pt;
}
.UpToYou
{
	font-style:italic;
	font-weight:bold;
	border-bottom:solid 2px #366FA0
}
#chatText
{
	font-size:xx-small;
	width:60%;
	border:solid 1px blue;
	color:Blue;
}
.divTitleIntro
{
	margin-bottom:10px;
	padding-bottom:5px;
	margin-left:10px;
	padding-left:5px;
	margin-right:10px;
	padding-right:5px;
/*	border:solid 2px #366FA0;*/
}
.divIntro
{
	margin:10px;
}
.divIntro *
{
	font-size:14pt;
}
.divIntroMore
{
	margin:5px;
}
.divIntroMore, .divIntroMore *
{
	font-size:10pt;
}
.divIntroNext
{
	margin:5px;
}
.divIntroNext, .divIntroNext *
{
	font-size:12pt;
}
.titleIntro , .titleIntro *
{
	/*font-size:large;*/
}
.titleIntro
{
	color:#366FA0;
}
.divSeparator
{
	height:5px;
}
.divCenterIntro
{
	text-align:left;
	margin:10px;
}
.introLearnAndWinRecruitement
{
	font-size:12pt; 
	font-family:'Times New Roman',Times,serif;
}
.introLearnAndWinRecruitementFirstPart1 ,.introLearnAndWinRecruitementFirstPart1 *
{
	text-align:center;
	font-size:16pt; 
	font-family:'Times New Roman',Times,serif;
}
.introLearnAndWinRecruitementFirstPart , .introLearnAndWinRecruitementFirstPart *
{
	font-size:12pt; 
	font-family:'Times New Roman',Times,serif;
}
.generateNumberOfExercises
{
	width: 30px;

}
.generateTest
{
	text-align:center;
}

#introMainDiv
{
	overflow:auto;
}
.introTable
{
	height:99%;
	width:99%;
	padding:1px;
	margin:0px;
	border-spacing:2px;
}
.introTable td
{
	vertical-align:top;
}
#tdIntroAnalyse
{
	float:right;
	width:35%;
	margin-right:1px;
	padding-right:1px;
/*	vertical-align:top;*/
}

.areaGraphMainDiv
{
	border:1px solid #E78F08;
}

.introTableLeft
{
	height:100%;
	padding:0px;
	margin:0px;
	border-spacing:0px;
}
.listIDTitle, .listIDTitle th, td.listIDTitle
{
	border:none 0px white;
	border-collapse:separate;
	border-spacing: 1px; 
}

.infoCompanySubTitle
{
	color:#F79F08;
}
.testReportTitle
{
	color:#E78F08;
}
#mainPart
{
	width:100%;
	/*height:100%; */
}

#step5Table
{
	max-width:800px;
	min-width:500px;
	width:80%;
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;
	overflow:auto;
}
#step5Table tr
{
	text-align:left; 
}

tr.step5TableStatusPart
{
/*	height:40%;*/
}
tr.step5TableInfoCompanyPart
{
}
#step5Message
{
	border:1px solid #E78F08;
	padding:10px;
	margin:10px;
	width:70%;
}
#step5InfoCompanyTable,#step5StatusTable
{
	font-size:16pt;
	width:100%;
	padding:10px;
	margin:0px;
}
.usercaseTitle
{
/*	color:Blue;*/
}