body, html {
width: 100%;
margin: 0;
padding: 0;
} 
body {
  	background: none repeat scroll 0 0 #FFFFFF;
    color: #707170;
    font-family: Verdana,sans-serif;
    font-size: 11px;
    line-height: 1.6;
}

table, input, textarea, button, select {
	
	font-size: 1em; 
}

div, span, p, ul, li, td, th { 
	
	font-size: 1em;
}

pre {
	font-family: monospace;
	font-size: small;
}

img{
	vertical-align:middle;
}
/*a, .wpsLink{
	color: #3366CC;
}
a:visited, .wpsLink:visited { 
	color: #666699;
}

a:active, .wpsLink:active {
	color: #3366CC;
}*/
.generalErrorText {
	color: red;
}

.clearing {
	clear: both;
}

.layoutRow {width: 100%; }
.layoutColumn {width: 100%; }

#FLYParent {
	background: url("/extranet/images/nf/Bkg-wrapper.jpg") repeat-y scroll center top #FFFFFF;
    font-size: 1em;
    width: 1024px;
    	height: auto !important;
    margin: 0 auto -4em;
    min-height: 100%;
}

#main, #mainLogin{
	width:990px;
	margin-left:17px;
	margin-right:17px;
}

#tableMain {
	width=:100%;
}

#header {
    border-color: #DFE0E1 #DFE0E1 -moz-use-text-color;
    border-left: 1px solid #DFE0E1;
    border-right: 1px solid #DFE0E1;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    height: 84px;
    /*margin-left: 11px;
    width: 990px;*/
    width:100%;
}

#mainContent {
	padding: 5px;
}

.themeHeader {
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.servletBody {
	BACKGROUND-IMAGE: none
}


.banner {
	color: #3161A5;
	background: url("../extranet/colors/default/banner_background.gif") repeat-x;
	background-color: #E8EBF1;
	border-bottom: 1px solid;
	border-bottom-color: #3161A5;
	margin: 0px;
	padding: 0px;
}

.bannerTitle{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: large;
	color: #3161A5;
	font-weight: bold;
	padding-left: 20px;
}


.launch {
	float:left;
	border: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	font-weight: bold;
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url("../extranet/colors/default/main_menu_background.gif") repeat-x;
	background-color: #3880DE;
}
.launch img {
	vertical-align: baseline;   
}

.launch a, .launch a:visited, .launch a:hover, .launch a:active{
	text-decoration: none;
}
.launch:hover {
	background: url("../extranet/colors/default/main_menu_background_hover.gif") repeat-x;
	background-color: #3880DE;
}

.main-menu {
	color: #000000;
	background-color: #EBF1F7;
	border: 1px solid;
	border-color: #3161A5;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
}

.main-menu-border {
	border: 0px;	
}

.main-menu-item, .main-menu-item:visited  {
	background-color: #EBF1F7;
	color: #000000 !important;
	text-decoration: none;	
	padding:3px;
	white-space:nowrap;
	font-size: x-small
}

.main-menu-item-selected {
	background:none;
	background-color: #E2EEFF;
	color: #000000 !important;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #B9CEEA;
	cursor:pointer;
	white-space:nowrap;
	text-decoration: none;	
	padding:3px;
	font-size: x-small
}

.main-menu-item-selected a{
	background: none;
	background-color: transparent;
}
/* prevent border on selected item from getting inherited by  menu icons */
.main-menu-item-selected img, .main-menu-item img{
	border: 0px;
	background: none;
	background-color: transparent;
	height: 16px;
	width: 16px;
}

.main-menu-item .portlet-separator { 
	margin:0px; 
	line-height:1px;
	background-color: #999999;
}
.portlet-separator { 
	margin:0px; 
	line-height:1px;
	background-color: #444444;
}




.breadcrumbNav {
    float:left;
    padding: 7px 5px;

}    

.breadcrumbNav a, .breadcrumbNav a:visited, .breadcrumbNav a:hover, .breadcrumbNav a:active{
    color: #3161A5;
    text-decoration: none; 
}

.breadcrumbLinks {
	font-family: 'Roboto Condensed',sans-serif;
	font-size:16px;
}

.breadcrumbLinksActive {
	font-family: 'Roboto Condensed',sans-serif;
	font-size:16px;
	color:#000000;
}

.breadcrumbsActive:hover {
	text-decoration:none;
}

.searchControl {
    float:right;
    color: #3161A5;
    background-color: transparent;
    margin-right: 5px;
    margin-top: 3px;
}


.searchControl input{
    margin-right: -2px;
    margin-top: 0px; 
	padding: 2px;
}



.toolbar {
    float:right;
    color: #3161A5;
    background-color: transparent;
    margin-right: 5px;
}

.wpsToolBar p{
	
	font-size: x-small;
	width:100%;
	color:white;
}

.toolbarLink {
    background-color: transparent;
    text-decoration: none;
}

.toolbarLink img {
    padding: 2px 2px;
    border: 0px;
    vertical-align: middle;
}

a.toolbarLink, a.toolbarLink:visited, a.toolbarLink:hover, a.toolbarLink:active{
    color: #3161A5;
    text-decoration: none;
} 

.servletTitleBar{
	font-size: small;
	color: #616161;
	background: url("../../extranet/colors/default/portletTitleBar.png") no-repeat;
	background-color: #FFFFFF;
	width:100%;
	padding: 7px;
 	white-space: nowrap;
}
#servlet{
	margin: 5px 0 5px 5px;
}

.servlet{
	margin: 5px;
	border-left: #CACACA 1px solid;
	border-color:#CACACA;
	border-right: #CACACA 1px solid;
	border-bottom: #CACACA 1px solid;
}

/**************   Debut block left  *****************************/
#servlet div.block {
    border: 1px solid #DFE0E1;
    padding-bottom: 6px;
    width: 200px;
}

/*div.block {
    margin-bottom: 1em;
}*/

div.block .block_content {
    background: none repeat scroll 0 0 #FFFFFF;
    min-height: 20px;
    padding: 0.5em;
}

#servlet div.block h4 {
    background: url("/extranet/images/nf/EN-TETE-Mon-Compte.png") no-repeat scroll left top #FFFFFF;
     margin: 0;
    color: #ffffff;
    font-weight: bold;
}
div.block h4 {
    color: #72bf44;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    height: 28px;
    line-height: 1.8em;
    padding-left: 1em;
    padding-top: 0.2em;
}

element.style {
    display: block;
}

div#categories_block_left ul.tree {
    padding-left: 0;
    /*width:450px;*/
}

div.block ul {
    list-style: none outside none;
     /*width:450px;*/
}

ul.tree, ul.tree ul {
    list-style-type: none;
}

div#categories_block_left ul.tree li.toggleSubMenu {
	background: none;
	padding-left: 0;
	 /*width:450px;*/
}
/* remove background from li in the submenu on quicklinks */
div#categories_block_left ul.tree li.toggleSubMenu ul.subMenu li {
	background: none;
	margin: 0;
	padding-left: 18px;	
}

/* Add background on the a tag, so when the submenu slide down
the imange background remains on the center of the parent links. */
div#categories_block_left ul.tree li.toggleSubMenu a.toggleSubMenu {
	background: url("/extranet/images/nf/green-arrow-list.jpg") no-repeat left center transparent;
	padding-left: 18px;
}

div#categories_block_left ul.tree li {
    background: url("/extranet/images/nf/green-arrow-list.jpg") no-repeat scroll left center transparent;
    border: medium none;
    font-size: 1em;
    line-height: 13px;
    margin-left: 0;
    margin-top: 2px;
    padding-left: 18px;
}

div#categories_block_left ul.tree a.selected {
    color: #4fae3e;
    font-weight: bold;
}

div#categories_block_left ul.tree a {
    color: #374853;
    padding-left: 0;
}

div#categories_block_left ul.tree a:hover {
    color: #72bf44;
    text-decoration: none;
}

div.block ul.tree li {
    padding-left: 1.2em;
}

div.block li {
    list-style-position: outside;
    padding: 0.2em 0 0.2em 0;
}

ul.tree li {
    background: url("../img/sitemap-horizontal.gif") no-repeat scroll left 10px transparent;
    border-left: 1px dotted gray;
    margin-left: 1em;
    padding-left: 1.2em;
}

/**************   Debut block left *****************************/
.servletBody{
	background-image:none;
}

#mydetails{
	width:285px;
	height:175px;
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	top:-10%;
}

.mydetails_column1-4{
	width:250px;
	height:23px;
	color:#505050;
	font-size: 1em;
}
.input_forgot{
	width:100px;
	height:23px;
	color:#505050;
	font-size:11px;
}

.errorMessage {
	color:red;
	padding-top: 10;
	padding-bottom: 10;
}

.message {
	color: green;
	font-weight: bold;
}

#canadaBottomBanner {
	left:16px;
	position:relative;
}

/*#footer_certification {
	height:30px;
	left:750px;
	margin:0 0 0 0;
	position:relative;
	vertical-align:bottom;
	width:180px;	
}

#footer {
	background-image:url("../extranet/images/footer_fd.gif");
	color:#7F8083;
	display:block;
	height:38px;
	margin:0 0 0;
	position:relative;
	vertical-align:bottom;
	width:940px;
}

#footer .links {
	left:360px;
	position:absolute;
	top:10px;
	font-size: 7px;
}

#footer .links a {
	color:#7F8083;
	text-decoration:none;
}

#footer .mention {
	left:2px;
	position:absolute;
	top:10px;
	width:210px;
}

#footer .copyright {
	bottom:0;
	left:2px;
	position:absolute;
}*/

.dataStats {
	border:2px solid #FFFFFF;
	border-collapse:collapse;
	margin:10px 0;
	font-size: 1em;
	border-spacing: 2px;
	width: 235px
}

.dataStats .dark {
	background-color:#A7A7A9;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:none;
	text-align: left;
}

.dataStats td {
	background-color:#E5E4E4;
	border:1px solid #FFFFFF;
	font-weight:normal;
	text-align:center;
}

.dataStats  input {
	color:#ffffff;
	font-size:16px;
}

.tu3 tr {
	height:25px;
}

.tools {
	margin:0 0 17px;
}

.dataStats .tools td {
	background:none repeat scroll 0 0 #FFFFFF;
	padding:5px 0 0;
	text-align:right;
}
/*.valider {
	background:url("/extranet/images/btn/valider.gif") no-repeat scroll left bottom transparent;
	border:0 solid #000000;
	cursor:pointer;
	height:30px;
	width:100px;
}*/

.tg1 {
	width:100%
}



/* ************************************************* Css NF Integration *********************************************************** */

#navigation ul{
    background: url("/extranet/images/nf/bkg-main-nav.png") no-repeat scroll center top #FFFFFF;
    border: medium none;
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0 17px;
    opacity: 0.9999;
    padding: 0;
    position: relative;
  
}

#navigationForgot{
    background: url("/extranet/images/nf/bkg-main-nav.png") no-repeat scroll center top #FFFFFF;
    border: medium none;
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0 17px;
    opacity: 0.9999;
    padding: 0;
    position: relative;
}

html > body #navigation {
    opacity: 1;
}

#navigation {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-color: -moz-use-text-color #DFE0E1 #DFE0E1;
    border-left: 1px solid #DFE0E1;
    border-right: 1px solid #DFE0E1;
    border-bottom: 1px solid #DFE0E1;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 30px;
    /*margin-left: 11px;*/
    width:100%;
}

#header-top {
    height: 18px;
    line-height: 25px;
    margin: 10px 28px 0;
    padding: 0;
    width: 970px;
}

/* @group Footer */
#footer-inner {
  background: #fff;
  padding: 1em;
  text-align: center;
  min-width: 4em;
}

#footer-inner{
	padding:0;
	margin:0;
	text-align:center;
	
  	
}

#footer-text {
	font-color: #000000;
}
/* @end */

/* World Wide Web */
#WorldWide .content{
	display:none;
}
 
#WorldWide{
	width:20px;
	height:30px;
	line-height:22px;
	margin:0;
	padding:0;
	/*border-left:1px solid #DFE0E1;*/
	border-right:none;
	border-top:none;
	border-bottom:none;
	background:#fff;
	margin-right:25px;
}
#WorldWide .block{
	margin:0;
}
 
#world, #world ul /* Liste */     
{
        padding : 0; /* pas de marge int�rieure */
        margin : 0; /* ni ext�rieure */
        list-style : none; /* on supprime le style par d�faut de la liste */
        line-height : 22px; /* on d�finit une hauteur pour chaque �l�ment */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
		position:inherit;
		z-index:900;
		background:#fff;
}

#world /* Ensemble du menu */
{
        font-family : Verdana, sans-serif; /*, Arial, Helvetica, sans-serif;*/ /* on utilise Arial, c'est plus beau ^^ */
        font-size : 1em; /* hauteur du texte : 12 pixels */
        font-weight : bold;
		/*position:absolute;
		z-index:999;*/
}

#world a /* Contenu des listes */
{
       	display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int�rieure */
        background : #FFF; /* couleur de fond */        
        color : #505050; /* couleur du texte */
        text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
        width : 50px; /* largeur */
}
#sousworld{
	display: none;
}
#sousworld li{
	/*border-bottom:1px solid #DFE0E1;*/
	/*border-right:1px solid #DFE0E1;*/
	height:28px;
}
#sousworld a /* Contenu des listes */
{
      /*  display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        /*padding : 0 0 0 0px;*/ /* aucune marge int�rieure */
        background : #fff /* couleur de fond */        
        color : #505050; /* couleur du texte */
        text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
        width : 130px; /* largeur */
		text-align : left;
		line-height:28px;
		/*margin-left: 10px;*/
		font-size: 1em;
		padding-left:10px;
}

#world li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconna�t pas "transparent" */
        /*border-right : 1px solid #fff;*/ /* on met une bordure blanche � droite de chaque �l�ment */
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #world li
{
        /*border-right: 1px solid transparent ;*/ /* on met une bordure transparente � droite de chaque �l�ment */
}

#world li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue*/ 
        width: 144px; /* Largeur des sous-listes */
        /*left: -999em; /* Hop, on envoie loin du champ de vision*/ 
		/*border-right:1px solid #DFE0E1;
		border-left:1px solid #DFE0E1;
		border-top:1px solid #DFE0E1;*/
		border-bottom:none;
}


#world li ul li /* �l�ments de sous-listes */
{
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        /*border-top : 1px solid #fff;*/ /* on met une bordure blanche en haut de chaque �l�ment d'une sous liste */
		width:144px;
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #world li ul li                
{
        /*border-top : 1px solid transparent;*/ /* on met une bordure transparente en haut de chaque �l�ment */
}

#world li ul ul 
{
        margin    : -22px 0 0 144px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        /*border-left     : 1px solid #fff ;*/ /* Petite bordure � gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #world li ul ul                
{
       /* border-left     : 1px solid transparent ;*/ /* on met une bordure transparente sur la gauche de chaque �l�ment */
}
#world a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #505050; /* On passe le texte en noir... */
        background-color: #eeeeee; /* ... et au contraire, le fond en blanc */
}

#world li:hover ul ul, #world li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
        left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}

#world li:hover ul, #world li li:hover ul, #world li.sfhover ul, #world li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


 
/* Fin World Wide Web */  

/* @group Links */
a,a:visited {
  text-decoration: none;
  font-family: Verdana, sans-serif;
  font-size: 1em;
  font-color: #000000
}

.underlinedLinks, .underlinedLinks:hover{
text-decoration: underline;	
		
}


a:hover,a.active {
  color: #4fae3e;
}
/* @end */
/* @group HTML Tags */

/* @group Headings */
h1, h2, h3, h4, h5, h6 {
  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
  clear: both;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1.4em;
  margin-bottom: 10px;
  margin-top: 5px;
}

h4, h5, h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 24px;
  margin-bottom: 30px;
  display: block;
  font-weight: 180;
  line-height: 140%;
  margin: 0;
  text-transform:uppercase;
  color:#72bf44;
  border-bottom:1px solid #DFE0E1;
  font-family: 'Roboto Condensed',sans-serif;
}

h2 {
  background: none repeat scroll 0 0 transparent;
 /*  margin-bottom: 40px; */
  padding: 0;
  border-bottom:1px solid #dfe0e1;
  color:#000000;
  padding-left:3px;
  font-size: 24px;
  /* height: 28px; */
  font-family: 'Roboto Condensed',sans-serif;
}
h2 a{
	color:#707170;
}
h3 {
	
  	font-size: 14px;
	height:33px;
	color:#000000;
	margin: 0 0 0 2px;
	padding:1px 0 0 10px;
	/*background: #fff url('/extranet/images/nf/bkg-h3.jpg') no-repeat top left;*/
	line-height:18px;
	letter-spacing:0.07em;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
/*a{
	color:#72bf44;
}*/
a:hover{
	color:#4fae3e;
	text-decoration:underline;
}
/* @end */

#blocks, td.block {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0.25em 0.5em;
  vertical-align: top;
}

/*---------- Header ---------*/

#SecondaryNav{
	width:190px;
	float:right;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0;
	border:none;
	background:none;
	margin-right: 60px;
}
#SecondaryNav .block{
	margin:0;
}

#block-menu-secondary-links{
	display:inline;
	width:205px;
	float:right;
	background: none repeat scroll 0 0 transparent;;
}
#block-menu-secondary-links ul{
	border:none;
	float:left;
}
#block-menu-secondary-links li{
	border:none;
	float:left;
	display:block;
}
#block-menu-secondary-links a{
	padding:0 7px 0 7px;
	border-bottom:none;
	border-right:1px solid #DFE0E1;
	font-size:1em;
	height:1.1em;
	line-height:0.95em;
	font-color: #505050;
	font-family: Verdana, sans-serif;
}
#block-menu-secondary-links .active{
	font-weight:normal;
	background:none;
	font-color: #505050;
	/*color:#72bf44;*/
}
#block-menu-secondary-links a:hover, a:active{
	color:#4fae3e;
}
#block-menu-secondary-links .last a{
	border:none;
}
#SearchBar{
	width:180px;
	margin:0;
	padding:0;
	border-left:1px solid #DFE0E1;
	border-right:none;
	border-top:none;
	border-bottom:none;
	text-align:left;
	background:transparent;
	height:auto;
}
#SearchBar .content{
	border:none;
	margin:0;
	padding:0;
	text-align:left;
}

/*#search-block-form .container-inline{
	height:18px;
}*/
#block-search-0{
	margin:1px 0 0 10px;
	padding:0;
}
#block-search-0 td{
	background-color:#fff;
	border:none;
}
#edit-search-block-form-1{
	font-size:0.95em;
}
#edit-search-block-form-1-wrapper{
	width:182px;
}
#SearchBar .form-submit{
	vertical-align:middle;
	border:none;
	float:right;
	margin-top: 3px;
}
/*--------End Header -------*/


/*----- @group td --------------*/
/*td,
#blocks td.block {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0.25em 0.5em;
  vertical-align: top;
}
tr.even, tr.odd {
  background-color: #fff;
}
td.menu-disabled {
  border-bottom: 1px solid #eee;
}
td.menu-disabled, tr.even td {
  background: #f8f8f8;
}
tr.odd td {
  background: #fff;
}
td:hover, tr.even td:hover, tr.odd td:hover {
  background: #eee;
}
td.active {
  background: #eee;
}
#blocks td.region {
  background: #fff;
}*/
/*------------- @end ---------------*/

/* @group Fieldsets */
/* Don't apply padding to the fieldsets */
fieldset,
fieldset fieldset {
  padding: 0;
  margin: 1.3em 0;
}
/**
 * Collapsed Fieldset
 * Don't want any padding, additional margins, borders
 * or background colors because the fieldset is collapsed.
 */
fieldset.collapsed {
  border: none;
  margin-bottom: 1.5em!important;
}
/**
 * Expanded & Regular (not collapsible) Fieldset
 * Applying required fieldset styles here.
 */
fieldset.collapsible:not(.collapsed),
fieldset:not(.collapsible) {
  background: #fff url('/extranet/images/nf/bg-shade-white-lrg.png') repeat-x bottom left;
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}
html.js fieldset:not(.collapsible) legend {
  padding: 0;
  margin-left: 1.25em;
}
/**
  * Padding is being applied to wrappers as opposed to the
  * fieldsets themselves.  Some Drupal forms have a
  * div.fieldset-wrapper, and some don't so we've overridden
  * theme_fieldset() to make sure there is always one, and
  * here we back out of the padding when 2 are present.
 */
fieldset .fieldset-wrapper {
  padding: 1.3em;
  margin: 0;
  display: block;
}
fieldset .fieldset-wrapper .fieldset-wrapper {
  padding: 0;
}
/* Padding inside nested fieldsets still needs to happen */
fieldset .fieldset-wrapper fieldset .fieldset-wrapper {
  padding: 1em;
  margin: 0;
}
/* Avoid scrollbars */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: visible;
}
/* @group Legends */
/* Regular & Common Legend Styles */
fieldset legend {
  font-size: 1em;
  font-weight: bold;
}
fieldset legend a,
fieldset legend a:active,
fieldset legend a:focus,
fieldset legend a:visited {
  text-decoration: none;
}
html.js fieldset.collapsible legend a {
  background: transparent url('sprites-sky.png') no-repeat;
  padding: 0 0 0 1.5em;
}
/* Expanded Legend */
html.js fieldset.collapsible legend {
  margin-left: 1.5em;
}
html.js fieldset.collapsible legend a {
  background-position: -266px -250px;
}
/* Collapsed Legend */
html.js fieldset.collapsed legend {
  margin-left: 0;
}
html.js fieldset.collapsed legend a {
  background-position: -266px -516px;
}
/*.field-field-low-volume-1{
	border:1px solid #DFE0E1;
	width:180px;
}
.field-field-low-volume-1 .imagecache-Thumbnail{
	text-align:center;
}*/
/* @end */

/* @group Search Forms */
.search-form .form-text {
  width: 80%;
  margin-right: 0.5em;
}
.block-search .form-text {
  width: 182px;
}
/* @end */

/*footer*/
 #block-lienfooter-0 {
  border-top: 1px solid #DFE0E1;
 }
 
  #block-lienfooter-0 .content {
  border: none;
 }
 
 .headerContent {
   position: relative;
 }
 
.headerContent h1{
	color:#000000;	
}
 
 .block-lienfooter {
  border: none;
 color: #707170;
 }
 
 .block-lienfooter a{
 color: #505050;
 font-family: Verdana, sans-serif;
	font-size: 13px;
 
 }
/*fin*/

.block .content {
  border: 1px solid #ddd;
  padding: 0.5em;
  position: relative;
}

#focus-on{
	background:#fff url(/extranet/images/nf/Focus-icon.jpg) no-repeat 12px 18px;
}
#focus-on .field-item{
	padding-left:15px;
	margin-left:20px;
	background:#fff url('green-arrow-list.jpg') no-repeat left 7px;
}
#focus-on .field-item p{
	color:#3E282B;
	margin:0;
	padding:0;
}
#focus-on .field-item a, a:hover{
	color:#4fae3e;
	margin:0;
	padding:0;
	text-decoration: underline;
}

.style-menu .content {
  padding: 0;
  border: none;
}

ul.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  border: solid 1px #ddd;
  width: 230px;
  /*border-bottom: 0;*/
}


#coreExtranetAds {
    height: 550px;
    overflow: hidden;
    width: 150px;
    padding-bottom: 10px;
}

.error {
	color:red;
	font-weight: bold;
	white-space: nowrap;
}


.mysupplies_inputWidth{
	width: 25px;
	text-align: center;
}


.machineMovementRequest_table td{
	padding-left: 5px;
	padding-right: 5px;
}

.data_userView,.UserManager_table{	
	width:350px;
}
.data,.data_userView,.Equipement_table,.machineMovementRequest_table {
	margin:10px 0;
	border-collapse:collapse;
	border:2px solid #FFFFFF;	
}

.data th ,.data_userView th,.Equipement_table th,.machineMovementRequest_table th{
	
	font-size:1em;
	background-color: #72bf44;
	border:2px solid #FFFFFF;
	color: #FFFFFF;
	font-weight:bold;
	/*text-align:center;*/
	text-decoration:bold;
	height:15px;
}

.data th a:link ,.data_userView th a:link, .Equipement_table th a:link, .machineMovementRequest_table th a:link{
	color: #FFFFFF;
}

.data th a:visited ,.data_userView th a:visited,.Equipement_table th a:visited,.machineMovementRequest_table th a:visited{
	color: #FFFFFF;
}

.data th a:visited:hover ,.data_userView th a:visited:hover, .Equipement_table  th a:visited:hover,.machineMovementRequest_table th a:visited:hover {
	color: #FFFFFF;
}

.data th a:hover,.data_userView th a:hover,.Equipement_table th a:hover,.machineMovementRequest_table th a:hover {
	color: #FFFFFF;
}

.data td,.data_userView td ,.Equipement_table td,.machineMovementRequest_table td{
	
	font-size:1em;
	background-color:#eeeeee;
	border:2px solid #FFFFFF;
	white-space: normal;	
}

/** User Management **/
.userDetails {
	width:500px;
}
.userDetails td{
	
	font-size:1em;
	color:#505050;
}
#userTransaction th {
	display: none;
}

.blackText {
	color:#000000;
}

.left_align {
	text-align:left;
}

/** My Postage/Consulting Credit Funds **/
.myPostageAccountDisplay {
	width:625px;
}
.myPostageAccountDisplay td{
	
	font-size: 1em;
	color:#72bf44;
}

/** Is used to right align any text within a table **/
.myPosatageAccountRightAlignText{
	text-align:right;
}

/** My Postage Help Button **/
#help,#help1{
	position:relative;
	top:-5px;
	float:left;
	background-image:url(/extranet/images/myneopost-mypostage-neofundslink.jpg);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
	width:25px;
	height:24px;
}

#help a,#help1 a{
	display:block;
	width:25px;
	height:24px;
}

#help a:active,#help1 a:active{
	display:block;
	width:25px;
	height:24px;
	background-image:url(/extranet/images/myneopost-mypostage-neofundslink.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.subscribeHelp {
	background-image:url(/extranet/images/myneopost-mypostage-neofundslink.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	width:25px;
	height:24px;
}

.subscribeHelp a{
	display:block;
	width:25px;
	height:24px;
}

.subscribeHelp a:active {
	display:block;
	width:25px;
	height:24px;
	background-image:url(/extranet/images/myneopost-mypostage-neofundslink.jpg);
	background-repeat:no-repeat;
}
/** My details **/
#confirmMyDetailsButton {
	height:25px;
	width:250px;
}
#confirmMyDetailsMessage {
	position:relative;
	top: 35px;
	width:550px;
	height:15px;
}

#installBaseSuccessMessage {
	position:relative;
	top: 25x;
	width:550px;
	height:15px;
}

/** Site selection **/
#searchSiteSelectionButton{
	height:25px;
	width:247px;
}

/** My supplies **/
#mySuppliesTable{
	width:625px;
	position:relative;
	top:-20px;
}
#mySuppliesTable td{
	padding-left:5px;
}
#mySuppliesTable th{
	padding-left:5px;
}
#submitSuppliesButton{
	height:25px;
	width:625px;
}

.div_mySuppliesMessage {
	width:625px;
}

#AdsContent {
	width:150px;
}

/** address change **/
#installBaseMachine {
	width:572px;
}

#addressChangeMachineSelectionConfirmButtonPosition{
	
	height:25px;
	width:572px;
	margin-left: 330px;
}
#addressChangeMachineSelectionMessage {
	height:25px;
	width:572px;
}
#machineMovementRequest_table_buttons{
	width:532px;
}

/** subscription **/
#subscriptionUserDetailsTable {
	width:317px;
}
#userSelectionRegistrationPage1 {
	height:25px;
	width:350px;
}
#userSelectionRegistrationPage {
	height:25px;
	width:334px;
}
#div_registrationSuccess {
	position:relative;
	top:30px;
	left:170px;
	width:250px;
	height:20px;
	vertical-align:center;
}
#registrationOKButton {
	float:left;
}
#registrationHomeButton{
	float:right;
}

/** error page **/
.defaulterrorTrace {
	width:625px;
	height:auto;
}

#canadaBottomBanner {
	position:relative;
	left:16px;
}

.divSingleLine {
	white-space:nowrap;
}

#bt_send_password{
	background-repeat:no-repeat;
}

#bt_send_password a{
	background-image:url(/extranet/images/en/bt_send.gif);
	display:block;
	width:87px;
	height:21px;
}

#bt_send_password a:active{
	display:block;
	width:87px;
	height:21px;
	background-image:url(/extranet/images/bt_send_active.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.white{
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}
.input_text_right{
	width:150px;
	height:15px;
	
	font-size: 1em;
	text-align:right;
}
.label_Mail{
  position: absolute;
  left: 160px;
  top: 0px;
  font-size:1em;
}
.back_link{
	color:#000000;
	font-size: 1em;	
}
.c1{
	color:#505050;
	
	font-size: 1em;*/
}
.criteriaText {  
	position: absolute;
	color:#505050;
	font-size:1em;	
}
.width_313{
	width: 313px;
}
.width_500{
	width: 500px;
}
.width_600{
	width: 625px;
}
.width_100{
	width: 100px;
}
.div_global{
  height: 25px;
}
.div_global_TextArea{
	height:50px;
}addressChangeMachineSelectionConfirmButtonPosition
.div_equipement_head{
  height: 50px;
}
.div_global_request{
	width: 625px;
}
.div_global,.div_equipement_head,.div_global_TextArea{
  position: relative;
  width: 625px;  

}
.div_global_displaytable{
  position: relative;
  width: 550px;
  height:30px;
  overflow:auto;
}
.div_global_title{
  position: relative;
  width: 500px;
  height: 15px;
}
.label_info{
	text-align:left;
	width:98%;
}
.label_login{
	position: absolute; 
	width: 65px;
}
.div_input_large{
	height:48px;
}
.div_input,.div_left,.div_input_large{
	position: absolute; 
	left:180px;	
}
.div_input_subscription1{
	position: absolute; 
	left: 200px;	
}
.div_input_subscription{
	position: absolute; 
	left:180px;	
}

.div_input_subscription1,.div_input_subscription,.div_input,.div_LoginInput,.div_createUser_size{ 
  top: 0px;
  font-size:1em;
}

.div_notificationMail,.label_Equipement_Tab,.label_Request_Tab{
  position: absolute;
  font-size: 1em;
  top: 0px;
}
.div_indication1{
	left: 355px;
}
.div_indication{
	left: 335px;
}
.div_indication1,.div_indication{
  position: absolute;
  top: 0px;
  font-size: 1em;
}

.label_Equipement_Tab,.label_Request_Tab{
	color:#505050;
	font-size: 1em;
}
.div_input_Request_check{
	left: 465px;
	top: 0px;
	width: 200px;
}
.div_input_Request_check2{
	top: 20px;
	left: 465px;
	width: 200px;
}
.div_input_Request{
	left: 465px;
	top: 0px;
}
.div_input_EquipementCity{
	left: 450px;
	top: 0px;
}
.div_input_EquipementCity,.div_input_Request,.div_input_Request_check,.div_input_Request_check2{
  position: absolute;
  font-size:1em;
}
.div_notificationMail,.label_Equipement_Tab{
	left: 350px;
}
.label_Request_Tab{
	left: 370px;
}
.div_notificationMail,.label_Equipement_Tab,.label_Request_Tab{
  position: absolute;
  font-size:1em
  top: 0px;
}
.div_indication1{
	left: 355px;
}
.div_indication{
	left: 335px;
}
.div_indication1,.div_indication{
  position: absolute;
  top: 0px;
  font-size: 1em;
}
.ecart_bouton_ca{
	position: relative;
	left: 500px;
}
.ecart_bouton{
	position: absolute;
	left: 100px;
}
.ecart_title{
	position:absolute;
	left:15px;
}	

.input_text_calendar{
	width:70px;
	height:15px;
	
	font-size: 1em;
}



hr { 
	border:none;
	border-top:dotted 2px gray; 
	/*width:100% */
}

.bar {
    background-color: #646464;
    border: 0 none;
}
.bar_title {
    background-color: #646464;
    border: 0 none;
    position: absolute;
    width: 10px;
}
.bar1 {
    background-color: #E0E0DE;
    border: 0 none;
}

.blockSearch{
	width: 90px;
}
.red{
	color: #72bf44;
}
.black{
	color: #000000;
}


/* exclusive hover button */
input.valider:hover,a.valider:hover,span.valider:hover,div.valider:hover,button.valider:hover,
input.envoyer:hover,a.envoyer:hover,span.envoyer:hover,div.envoyer:hover,button.envoyer:hover,input.button:hover,a.button:hover {
	color:white!important;
	background-color: #4fae3e;
}

/* hover button */
input.valider:hover,a.valider:hover,span.valider:hover,div.valider:hover,button.valider:hover,
input.envoyer:hover,a.envoyer:hover,span.envoyer:hover,div.envoyer:hover,button.envoyer:hover,
input.prevStep:hover,a.prevStep:hover,span.prevStep:hover,div.prevStep:hover,button.prevStep:hover,input.button:hover,a.button:hover,
input.nextStep:hover,a.nextStep:hover,span.nextStep:hover,div.nextStep:hover,button.nextStep:hover{
	background-position: left 0px;
	background-color:#4fae3e;
	color:#ffffff;
}

.prevStep{
	cursor:pointer;
	cursor:hand;
	border: 0px solid #000000;
	/*width:150px;
	height:30px;
	background:url(/extranet/images/btn/prevStep.gif) no-repeat bottom left;*/
	/*background-image: url("/extranet/images/nf/button-large.gif");*/
    width: 200px;
    font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none!important;	
	/*display: block;*/
	/*line-height: 30px;*/
	height: 30px;
	background-color: #72bf44;
	font-family:'Roboto condensed', sans-serif;
	text-transform:uppercase;
}

.valider{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	/*width:100px;
	height:30px;
	background:url(/extranet/images/btn/valider.gif) no-repeat bottom left;*/
	/*background-image: url('/extranet/images/nf/button-medium_exclusive.gif');*/
	width:100px;
	/*background: url("/extranet/images/nf/Button-Order.png") no-repeat scroll center top transparent;*/
	/*background-repeat: no-repeat;
	background-position: top left;
	border: medium none;
	color:#39252A;*/
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none!important;	
	/*display: block;*/
	line-height: 14px;
	height: 100px;
	background-color: #72bf44;
	text-transform: uppercase;
	font-family: 'Roboto, condensed', sans-serif;
}


/*********** button *********************/

/* global button */
input.valider,a.valider,span.valider,div.valider,button.valider
input.envoyer,a.envoyer,span.envoyer,div.envoyer,button.envoyer {
	background-repeat: no-repeat;
	/*background-position: top left;
	border: medium none;*/
	color:#39252A;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none!important;	
	cursor: pointer;
	display: block;
	line-height: 14px;
	height: 30px;
	
}

div.valider {
	width:100px;
	height:25px;
	padding: 10px 0 0 0;
}

/* input button */
input.valider,a.valider,span.valider,div.valider,button.valider,
input.envoyer,a.envoyer,span.envoyer,div.envoyer,button.envoyer,input.button{
	/*padding-bottom:2px;*/
}

input.prevStep,a.prevStep,span.prevStep,div.prevStep,button.prevStep,
input.nextStep,a.nextStep,span.nextStep,div.nextStep,button.nextStep{
	color: #ffffff;
}

.envoyer{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	/*width:100px;
	height:30px;
	background:url(/extranet/images/btn/valider.gif) no-repeat bottom left;*/
	/*background-image: url('/extranet/images/nf/button-medium_exclusive.gif');*/
	width:100px;
	 /*background: url("/extranet/images/nf/Button-Order.png");*/
	 background-color: #72bf44;
	/*background-repeat: no-repeat;
	background-position: top left;
	border: medium none;
	color:#39252A;*/
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none!important;	
	/*display: block;*/
	line-height: 14px;
	height: 30px;
	font-family:'Roboto condensed', sans-serif;
	text-transform:uppercase;
}



.nextStep{
	cursor:pointer;
	cursor:hand;
	border: 0px solid #000000;	
	/*background-image: url("/extranet/images/nf/button-large.gif");*/
    width: 180px;
    font-weight: bold;
    font-family: 'Roboto condensed', sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none!important;	
	/*display: block;*/
	line-height: 14px;
	height: 30px;
	background-color: #72bf44;
	text-transform: uppercase;
}

.retour{
	cursor:pointer;
	cursor:hand;
	border: 0px solid #000000;
	width:100px;
	height:30px;
	background:url(/extranet/images/btn/retour.gif) no-repeat bottom left;
}



input.button,a.button{
    /*background: url("/extranet/images/nf/Button-Order.png") no-repeat scroll center top transparent;*/
    
    cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
    font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none!important;	
	/*display: block;*/
	line-height: 14px;
	color: #ffffff;
	background-color: #72bf44;
	text-transform:uppercase;
	font-family: 'Roboto condensed', sans-serif;
	max-width: 100%;
	min-width: 125px;
	padding: 0 10px 0 10px;
	height: 30px;
}

input.button_large, a.button_large {
	width: 150px !important;
}

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }