/***********************************************/
/* 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;
	line-height: 12px;
	clear: both;	
}

#container ul.wizardSubSteps{
	/*margin-top: 5px;*/
	margin-top: 50px;
	margin-bottom: 20px;
	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;
	font-size: 11px;
}
#container ul.wizardSubSteps li span{
	margin: 3px 0px 0 0px; 
	display:block;
	font-weight:bold;
	font-size: 11px;
}

#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;
}
.loginWrap
{
	width: 160px;	
}
.clearLeft
{
	clear: left;
}

.paiementBottomButton table, .loginButtonWrapper table
{
	margin-top:5px;
	border:0 none;
}

.paiementBottomButton td, .loginButtonWrapper td
{
	border:0 none;
}

.paiementBottomButton td a, .loginButtonWrapper td a
{
	color: #000000;
    font: bold 7px verdana,sans-serif;
	letter-spacing: 0.5px;
	margin: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	text-align: center;
   	text-decoration: none!important;
	float: left;
}

.paiementBottomButton img, .loginButtonWrapper img
{
	float:left;
}

.buttonMargin
{
	margin-top: 22px;
}
.marginTop
{
	padding-top: 10px;
}
.marginTopDropDn
{
	margin-top: 10px;
}
.marginLeft
{
	margin-left: 110px;
}
.textBoxWidth1
{
	width: 260px;	
}
.textBoxWidth2
{
	width: 194px;
}
.textBoxWidth3
{
	width: 297px;
}
.paddingRightForm
{
	padding-left: 18px;
}
/* Dossier en ligne Accueil */
.memNamePrefix, .memName
{
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
.memNamePrefix
{
	display: block;
	margin: 0px;
	padding: 0px;
}

/*Start Tables listing*/
table.listing
{
	margin:5px 0 20px 0;
	line-height:15px;
}
table.listing thead td,
table.listing tr.header td,
table.listing tr.header th
{
	padding:5px;
	background-color:#004b6a;
	text-align: left;
	font-weight:700;
	color:#fff;
}
table.listing tbody td,
table.listing tr td
{
	padding:5px;
}
table.listing tfoot,
table.listing tr.footer td
{
	background-color:#f8f8f8;
}
table.listing tr.header th input,
table.listing tr td input
{
	vertical-align:middle;
}
table.listing .even
{
	background-color:#e5ecf9;
}
table.listing .odd
{
}
/*Start Professional Information/General*/
.tdIconesMAJ
{
	width:40px;
}
.tdInfoSaisie
{
	width:85%;
}
/*End Professional Information/General*/

select.mediumField 
{
	margin:0;
}
select.standardField
{
	margin:0;
}
table.listing tr.header th.totalHoursCreditedCol
{
	width:60px;
}
table.listing tr.header th.dateCol
{
	width:75px;
}
table.listing tr.header th.exerPlaceCol /*WideForm*/
{
	width:150px;
}
table.listing tr.header th.exerPlaceSmallCol /*normalForm*/
{
	width:90px;
}
/*End Tables listing*/

/* Logo Cards paiement */

.logoCards span
{
	float:left;
	margin-top:4px;
	margin-left:5px;
}

.selectCard{
	float:left;	
}

.logoCards
{
	float:left;
	width:96px;
	margin-top:5px;
}

.typeCard
{
    background:url('/images/visaNew.png') no-repeat;
    width:46px;
    height:21px;
    float:left;
	margin-left:-6px;

}

.typeCardMaster
{
    background:url('/images/mastercardsNew.gif') no-repeat;
    width:37px;
    height:22px;
    float:left;
}