/***********************************************/
/* Styles for help and the page's introduction */
/***********************************************/
.sizedLiteral
{
	font-family:Verdana, Sans-Serif;
	font-size: 10px;	
	width:713px;
}

.helpForm
{
	width:100% !important;
	width:99%;
	border:0;
}
.helpForm tr td
{
	vertical-align:top;
}
.helpForm img
{
	border:0;
	vertical-align:top;
}
.helpForm a span
{
	background:#A83D23;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	font-size:10px;
}
.helpForm a span span
{
	padding:2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	background:#A83D23;
	color:#FFF;
	font-size:8px;
}

.NoCss,
.nocss 
{
	display:none;
}

/********************************************
For the contextual help popup window
*********************************************/
div.dragPanel{
    background-color:#EBEBEB;
    border: 1px solid silver;
    padding:2px;
    left:0px;
    top:0px;
    z-index:1000;
    
}

div.dragPanel .dragPanelTitleBar{
	
	font-family:arial;
	font-size:12px;
    color:#000;
    font-weight:normal;
    cursor:hand;
    width:100%;
}

div.dragPanel .dragPanelTitleBar tr{
    background:url('/images/bgWindow.gif') repeat-x 0 0;
}

div.dragPanel .dragPanelContent {
    background-color:white;
    overflow:auto; 
    height:100%
}
div.dragPanel iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
	background:red;
}
/*******************************************/

/*******************************************/
/* Wizard bar Styles                       */

/*******************************************/

/* A CLEANING SHOULD BE DONE IN THOSE STYLES */

#Container ul.wizardSubSteps,
#Container ul.wizardSteps{
	margin:0;
	padding:0;
	height: 32px;
	width:auto;
}

#Container ul.wizardSubSteps{
	margin-top: 5px;
	height:36px;
}

#Container ul.wizardSubSteps li,
#Container #ContentPane ul.wizardSubSteps li{
	list-style:none;
	float: left;
	width: 100px !important; 
	width : 100px;
	height: 32px !important;
	padding: 0; /* this padding affect the background image in IE6 */
	border-left: 1px solid #FFF;
	overflow:hidden;
	background-image:none;
	text-align:center;
}

#Container ul.wizardSteps li,
#Container #ContentPane ul.wizardSteps li{
	list-style:none;
	float: left;
	width: 100px !important;
	width: 101px;
	height: 32px !important;
	padding: 0; /* this padding affect the background image in IE6 */
	border-left: 1px solid #FFF;
	overflow:hidden;
	background-image:none;
	display:block;
	text-align:center;
}

#Container ul.wizardSteps li span{
	margin: 3px 0 0 0; 
	display:block;
	font-weight:bold;
}
#Container ul.wizardSubSteps li span{
	margin: 3px 0px 0 0px; 
	display:block;
	font-weight:bold;
	
}

#Container ul.wizardSubSteps li.enabledCompletedStep,
#Container #ContentPane ul.wizardSubSteps li.enabledCompletedStep,
#Container ul.wizardSteps li.enabledCompletedStep,
#Container #ContentPane ul.wizardSteps li.enabledCompletedStep{
	background-image: url('/images/adhesion_tunnel_beige.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #E2F4F9;
}

#Container ul.wizardSubSteps li.disabledCompletedStep,
#Container #ContentPane ul.wizardSubSteps li.disabledCompletedStep,
#Container ul.wizardSteps li.disabledCompletedStep,
#Container #ContentPane ul.wizardSteps li.disabledCompletedStep{
	background-image: url('/images/adhesion_tunnel_beige.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	color:#999999;
	background-color: #DDDEDF;
}
	
#Container ul.wizardSubSteps li.disabledRemainingStep,
#Container #ContentPane ul.wizardSubSteps li.disabledRemainingStep,
#Container ul.wizardSteps li.disabledRemainingStep,
#Container #ContentPane ul.wizardSteps li.disabledRemainingStep{
	color:#414141;
	background-image: url('/images/adhesion_tunnel_bleu.gif');
	background-color: #DDDEDF;
	background-position: bottom right;
	background-repeat: no-repeat;
}
	
#Container ul.wizardSubSteps li.enabledRemainingStep,
#Container ul.wizardSteps li.enabledRemainingStep{
	background-color: #E2F4F9;
}
#Container ul.wizardSubSteps li.completedCurrentStep,
#Container ul.wizardSteps li.completedCurrentStep{
	background-image: url('/images/WizardStepCurrentChecked.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	color:#FFF;
	background-color: #A83D23;
}

#Container ul.wizardSubSteps li.currentStep,
#Container ul.wizardSteps li.currentStep{
	color:#FFF;
	background-color: #A83D23;
}


#Container ul.wizardSubSteps li.enabledLastStep,
#Container ul.wizardSteps li.enabledLastStep,
#Container ul.wizardSubSteps li.disabledLastStep,
#Container ul.wizardSteps li.disabledLastStep,
#Container ul.wizardSubSteps li.currentLastStep,
#Container ul.wizardSteps li.currentLastStep,
#Container ul.wizardSubSteps li.enabledCompletedLastStep,
#Container ul.wizardSubSteps li.disabledCompletedLastStep,
#Container ul.wizardSubSteps li.currentCompletedLastStep,
#Container ul.wizardSteps li.enabledCompletedLastStep,
#Container ul.wizardSteps li.disabledCompletedLastStep,
#Container ul.wizardSteps li.currentCompletedLastStep
{
	padding-right: 29px;
	width: 98px !important;
	width /**/: 133px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

#Container ul.wizardSteps li.enabledLastStep{
	background-image: url('/images/WizardStepEnabledEnd.gif');
}

#Container ul.wizardSteps li.disabledLastStep{
	background-image: url('/images/WizardStepEnd.gif');
}

#Container ul.wizardSteps li.currentLastStep{
	background-image: url('/images/WizardStepCurrentEnd.gif');
}

#Container ul.wizardSteps li.enabledCompletedLastStep{
	background-image: url('/images/WizardStepCompletedEnd.gif');
}

#Container ul.wizardSteps li.disabledCompletedLastStep{
	background-image: url('/images/WizardStepDisCheckEnd.gif');
}

#Container ul.wizardSteps li.currentCompletedLastStep{
	background-image: url('/images/WizardStepCurrCompletedEnd.gif');
}


#Container ul.wizardSubSteps li.enabledLastStep{
	background-image: url('/images/WizardSubStepEnabledEnd.gif');
}

#Container ul.wizardSubSteps li.disabledLastStep{
	background-image: url('/images/WizardSubStepEnd.gif');
}

#Container ul.wizardSubSteps li.currentLastStep{
	background-image: url('/images/WizardSubStepCurrentEnd.gif');
}


#Container ul.wizardSubSteps li.enabledCompletedLastStep{
	background-image: url('/images/WizardSubStepCompletedEnd.gif');
}

#Container ul.wizardSubSteps li.disabledCompletedLastStep{
	background-image: url('/images/WizardSubStepCompletedDisab.gif');
}

#Container ul.wizardSubSteps li.currentCompletedLastStep{
	background-image: url('/images/WizardSubStepCurrCompletedE.gif');
}

#Container ul.wizardSteps li.wizardLastPlaceHolder,
#Container #ContentPane ul.wizardSteps li.wizardLastPlaceHolder,
#Container ul.wizardSubSteps li.wizardLastPlaceHolder,
#Container #ContentPane ul.wizardSubSteps li.wizardLastPlaceHolder
{
	background: url('/images/adhesion_tunnel_fleche_bout.gif') no-repeat right top;
	display:block;
	padding:0;
	margin:0;
	width:35px !important;
	width:35px;
}