html, body{
	height: 100%;
}

body{
	font-family: Verdana, Arial;
	font-size: 0.8em;
}

#wraper-main{
	min-height: 100%;
	height: auto;
	margin: 0 0 -50px 0;
}

#wraper-bottom-filler{
	height: 50px;
}


/**********
 * HEADER *
 **********/
 
#header{
	width : 100%;
	margin : 0;
	clear : both;
	border-bottom: 1px dotted #E7E7E7;
	*text-align: center;/*Only for ie7*/
}

	#top-header{
		width : 100%;
		height : 30px;
		line-height:30px;
		background : #00126C;
		padding : 0;
		margin : 0;
		text-align: left;
	}

		#top-banner{
			width:1000px;
			margin : 0 auto;/* Center inner container, anything but IE */
		}
			
			#top-banner ul{
				list-style-type : none;
				margin : 0;
				padding-right : 25px;
				float : right;
				height: 30px;
			}
			
			#top-banner li{
				float : left;
				padding : 8px 10px;
			}
		
			#top-banner ul li a{
				color : #BDC1D7;	
			}
			
			#languageSelected a{
				color: white !important;
			}
			
			#top-banner ul li img{
				margin-top: -6px;
				margin-left : -20px;
				border: none;
			}
			
			li.languagesTopBanner, li.menuTopBanner{
				margin-left : 175px;
				margin-top : -6px;
			}
			li.topable{
				margin-top : -6px;
			}
		
		
	#middle-header{
		width : 100%;
		height : 100px;
		margin : 0;
		padding : 0;
		text-align: left;
	}

		#middle-banner{
			width: 1000px;
			margin: 0 auto;
		}

			#logoHeader{
				width : 300px;
				padding-top: 3px;
				padding-left: 20px;
				float: left;
			}
			
			#logoHeader a img{
                text-decoration:none;
                border: none;
            }
			
			#mainMenu{
				margin: 0 160px 0 310px;
				padding-top: 30px;
				line-height: 35px;
			}
			
				#mainMenu ul{
					list-style-type : none;
					margin : 0;
					*margin-left: -140px !important;
				}

				#mainMenu ul li{
					float : left;
					display : inline;
					padding : 2px 5px;
				}
				
				#header ul a{
					width : 80px;
					height: 15px;
					padding: 8px 12px;
					text-align : center;
					font-weight: bold;
					color: #00126C;
					text-decoration: none;
				}
				
				#header  ul.submenu a{
					padding: 8px 12px 8px 0 !important;
				}
				
				#mainMenu ul li.mnuSelected, .submenu li:hover{
					background-color: #D2D6FB;
				}
				
					#header ul ul {
						display: none;
						position: absolute;
						margin: 0;
						/*padding: 0;*/
						width: 180px;
						background: url(/efa-public-theme/images/container/submenu.png);
						z-index:1000;
						*margin-left:-135 !important;
					}
					
					ul.submenu{
						margin:0;
						padding-top: 7px;
					}
					
					li:hover .submenu{
						top: 95px;
						line-height: 20px;
					}
					
					.submenu li{
						display: block;
						margin: 0;
						padding: 0;
						position: relative;
						width: 168px;
						border: 1px solid silver;
						border-top: none;
					}
					
					.submenu a{
						color: #00126C;
						font-weight: normal;
					}
					
					#mainMenu ul li:hover ul.submenu {
						display:block;
						margin-left: -50px;
					}
					
			#login{
				width : 150px;
				height: 60px;
				float : right;
				padding-top: 15px;
			}			
		
	#bottom-header{
		height : 30px;
		border-top: 1px solid silver;
		border-bottom: 1px solid silver;
		background-color: #F8F9FB;
		text-align:center;
	}
	
		#bottom-banner{
			width:1000px;
			margin:0 auto;
			padding-top: 5px;
			text-align:left;
		}
		
			.breadcrumbs{
				margin: 0 !important;
			}
		
			.lfr-component, .lfr-component ul, .lfr-component li, .lfr-component dl, 
			.lfr-component dt, .lfr-component dd{
				margin: 0;
				padding: 0;
				display: inline !important;
			}
			
			.breadcrumbs li:before {
				content: ">";
				font-weight: bold !important;
			}
			.breadcrumbs li.first:before {
				content: "";
			}
			
			.breadcrumbs li.last {
				font-size: 1em;
			}
			.breadcrumbs li.last a{
				color: #363636 !important;
			}
			
			
			

/********
 * MAIN *
 ********/

h1{
	font-family: Verdana, Arial;
	font-size: 1.8em;
	font-weight: normal;
	color: #00126C;
}

h2{
	font-family: Verdana, Arial;
	font-size: 1.3em;
	font-weight: normal;
	color: #00126C;
}

#main{
	width: 100%;
	margin : 0;
	clear : both;
	text-align: center;
	*text-align: center;/*Only for ie7*/
}

	#mainContainer{
		width: 1000px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		*text-align: center;
	}
	
	#mainContainer > div{
		*text-align: center;
	}
	
	.portlet-layout{
		*text-align: left;
	}
	
	#mainContainer a{
		font-weight: bold;
		color: #00126C;
		text-decoration: none;
	}
	
	#mainContainer ul{
		list-style-image: url('/efa-public-theme/images/container/ulitem.png');
	}

.portlet-column-first{
	vertical-align:top !important;	
}

.portlet-body{
      overflow: visible;
 }

.aui-w7-10, .aui-w70{
	width: 67%;
	/*float: left;*/
}
.aui-w3-10, .aui-w30{
	width: 33%;
	float: right;
}

.aui-w70 .portlet-body{
	padding-bottom: 15px;
}

/* .columns-2 #column-2{
	width:735px !important;
	width:735px\9;
	*width:735px;
}*/

.portlet-layout{
	*width:100%;
		
}

/**********
 * FOOTER *
 **********/
 
 #footer{
	width : 100%;
	background-color : #ECECEE;
	height: 50px;
	clear: both;
}

	#footerContain{
		text-align: center;
		width : 600px;
		margin: 0 auto;
	}
	
		#footerContain ul{
			list-style-type : none;
			padding-top : 15px;
			margin : 0;
		}

		#footerContain ul li{
			display : inline;
			padding : 0 5px;
		}
		
		#footerContain ul li a{
			width : 80px;
			height: 15px;
			padding: 8px 12px;
			text-align : center;
			font-weight: normal;
			color: #00126C;
			text-decoration: none;
		}



/* **************
*	USELESS		*
*************** */

#dock-panel{
				width : 200px;
				height:100px;
				border:solid 2px #F3F2F7;
				border-top:none;
				float : right;
				background-color:#fff;	
			}
			
			
				#dock-panel-user-name{
					line-height:33px;
					positin:relative;
					text-align:left;
					/*padding-left:10px;*/
					width:200px;
					height:33px;
					float:left;
				}
				#dock-panel-user-name span{
					margin-left:10px;
				}
				#dock-panel-subset-selection{
					position:relative;
					z-index:1000;
					margin-left:10px;
					line-height:33px;
					height:33px;
					float:left;
				}
				
				div.selectBox {
				    position:relative;
				    display:inline-block;
				    cursor:hand;
				    text-align:left;
				    line-height:23px;
				    clear:both;
				    color:#888;
				}
				span.selected {
				    width:145px;
				    text-indent:10px;
				    border:1px solid #ccc;
				    border-right:none;
				    background:#f6f6f6;
				    overflow:hidden;
					cursor:pointer;
				}
				span.selectArrow {
				    width:30px;
				    border:1px solid #ccc;
				    text-align:center;
				    font-size:12px;
					color:#f6f6f6;
				    -webkit-user-select: none;
				    -khtml-user-select: none;
				    -moz-user-select: none;
				    -o-user-select: none;
				    user-select: none;
				    background:#103B7E;
					cursor:pointer;
				}
				 
				span.selectArrow,span.selected {
				    position:relative;
				    float:left;
				    height:25px;
				    z-index:1;
				}
				
				div.selectOptions {
				    position:absolute;
				    top:23px;
				    left:0;
				    width:176px;
				    border:1px solid #ccc;
				    overflow:hidden;
				    background:#f6f6f6;
				    padding-top:2px;
				    display:none;
					z-index:1000;
				}
				     
				span.selectOption {
				    display:block;
				    width:90%;
				    line-height:20px;
				    padding:2px 5%;
				}
				 
				span.selectOption:hover {
				    color:#f6f6f6;
				    background:#103B7E;        
				} 
			
			#dock-panel-actions{
				position:relative;
				z-index:500;
				float:left;
				width:200px;
				height:31px;
				border-top:1px solid #F3F2F7;
			}
			
			.dock-panel-action{
				line-height:30px;
				float:left;
				width:49px;
				height:30px;
				color:blue;
				border-right:1px solid #F3F2F7;
				text-align:center;
				position:relative;
				cursor:pointer;
			}
			.dock-panel-action-last{
				width:49px;
				border-right:none;
			}
			#dock-panel-actions a div.dock-panel-action img {
				text-decoration:none;
				border: none;
			}
			
			#dock-panel-action-crm, #dock-panel-action-process{
				/*background: url('/efa-public-theme/images/container/crm-btn.png') no-repeat center;*/
			}
			
			#crmPanel{
				position:absolute;
				top:32px;
				left:-2px;
				width:200px;
				
				overflow:hidden;
				background:white;
				padding-top:2px;
				/*display:none;*/
				border:solid 2px #F3F2F7;
				width:204px\9;
				display:none;
			}
			
			
			
			#crmPanel .crmItem{
				width: 200px;
				height: 125px;
				border-bottom:solid 2px #E8E7EC;
				color:#063B7F;
			}
			
			#crmPanel .crmItemPic{
				width: 55px;
				height:100px;
				float:left;
			}
			
			#crmPanel .crmItemPic img{
				width: 40px;
				margin-top:15px;
			}
			
			#crmPanel .crmItemDetail{
				width: 144px;
				height:100px;
				float:left;
				text-align:left;
				font-weight:bold;
			}
			
			#crmPanel .crmItemDetailName{
				width: 144px;
				margin-top:15px;
				font-size:14px;
				line-height:16px;
				overflow:hidden;
			}
			
			#crmPanel .crmItemDetailFct{
				width: 144px;
				font-size:13px;
				line-height:25px;
				color:#B7B6BB;
				overflow:hidden;
			}
			
			#crmPanel .crmItemDetailMail{
				width: 144px;
				margin-top:5px;
				font-size:11px;
				line-height:16px;
				overflow:hidden;
			}
			
			#crmPanel .crmItemDetailTel{
				width: 144px;
				font-size:12px;
				line-height:16px;
				overflow:hidden;
			}
			
			#crmPanel .crmItemAction{
				float:left;
				font-size:14px;
				font-weight:bold;
				width: 200px;
				height:25px;
				line-height:25px;
				background-color:#E3E2E7;
			}

/*************
 * Left menu *
 *************/
 
 
.nav-menu{
	width: 100% !important;
}

.nav-menu ul.level-1 {
	margin: 0 !important;
	width: 100% !important;
}


.nav-menu ul.level-1 li.selected {
    background-color: #FFF0BF !important;
}

.nav-menu ul.level-1 li:first-child {
    border-top: 1px solid silver !important;
}

.nav-menu ul.level-1 li {
    border-bottom: 1px solid silver !important;
    list-style: none outside none !important;
    padding: 0 !important;
}

.nav-menu ul.level-1 a {
    display:block !important;	
    padding: 15px 5px !important;
}