﻿/********************* Base.css ***************************************/
/**********************************************************************/
@media screen 
{
	.tabs .panel 
	{
	border-top:1px solid #DDDBD5;
	margin-left:20px;
	margin-right:8px;
	margin-top:5px;
	display:none;
	}
	.tabs .panelDisplay
	{
	border-top:1px solid #DDDBD5;
	margin-left:20px;
	margin-right:8px;
	margin-top:5px;
	display:block;
	}
	.formValue
	{
		width:100%;
		}	
		
	.formValue thead th
	{
		white-space:nowrap;
		}	
		
	.formValue thead td
	{
		padding:12px 2px;	
	}
		
		
	.formValue tbody th,
	.formValue tbody td
	{
		padding:4px 0 4px 11px;		
		white-space:nowrap;
		}	
		
	.formValue thead td span
	{
		margin-left:22px;
	}

	.formValue thead td img
	{
		margin-left:9px;
	}	
	
	.tabForm 
	{
		margin:0 0px 30px 0px;
		}	

	Table.formCalcul 
	{
		width: 100%;
		}		
		
	.formValue thead th
	{
		padding:4px 3px 4px 4px;
		}			
		
	}
	
	#mainCenter  
	{
		overflow:hidden;
		padding: 0 0 30px 0 ;
		width:728px;
		_width:725px;
	}	

body, html {
	margin:0;
	padding:0;
}

body 
{
    background:#ffffff;
	color: #666666;
	font-size: 0.75em;
	font-family: Verdana,Arial,Helvetica, sans-serif;
}
	
a {
	color:#5b473b;
	text-decoration :underline;	
}
div h1 {
	padding:0 14px 11px 6px;
	font-size:2.30em;
}
div .sIFR-alternate h1 {
	visibility:visible !important;
	letter-spacing:-1px;
}
#page {
	position:relative;
	width:100%;
	z-index:0;
}

#headerWrapper 
{
	width:100%;
}	
#header {
	height:139px;
	margin:0 auto;
	padding:0;
	position:relative;
	width: 962px;
	z-index:10;
}

#mainWrapper {
	width:100%;
	position: relative; 
}
	
#main {
	background:#fff;
	margin:0 auto;
	min-height:250px;
	padding:8px 0 8px 10px;
	position:relative;
	width: 952px;
	z-index: 1;
}	

#mainCenter  
{
	display:block;
	/*#float:left;*/
	min-height:360px;
	margin:0;
	position:relative;
}
	
#content {
	float: left;
	padding: 0 8px 14px 16px;
}

#logo {
	left:10px;
	position:absolute;
	top:8px;
}

#session{
	height:15px;
	margin:0;
	padding-right:15px;
	padding-top:40px;
	position:absolute;
	right:240px;
	top:0;	
	z-index:20;
}

#session a{
	color:#5b473b;
	font-size:10px;
	padding-left:8px;
	text-decoration:none;
}

#topLinks {
	background:#f2f2f2;
	height:99px;
	padding-right:8px;
	padding-top:40px;
	position:absolute;
	right:0;
	text-align:right;
	top:0;
	vertical-align: middle;
	width:232px;	
	z-index:30;
}

#topLinksTitle {
	position:absolute;
	right:4px;
	width:250px;
}

#topLinksTitle img{
	margin:0;
	padding:0 2px;
}

#topLinksTitle a
{
	color:#5f4f32;
	font-family:Arial;
	font-size:10px;
	text-decoration:none;
	}

#profession 
{
	display:none;
	}

#menu {
	height:40px;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:99px;
	width:722px;
	z-index:40;
}

.search {
	background:#004159;
	height:40px;
	position:absolute;
	padding:0;
	right:0;
	top:99px;
	width:240px;
	z-index:40;
}

.search input {
	float:left;
	margin:11px 0 0 0;
	padding:0;
}

input.searchText{
	border: solid 1px #413026;
	border-right:none;
	height:18px;
	margin-left:7px;
	width:204px;
}

input.searchBtn{
	background: url(../images/btnSearch.gif);
	border:none;
	height:20px;
	margin-right:8px;
	width:20px;
}

#usefulLinks{
	margin:0;
	position:absolute;
	right:0;
	top:72px;
	z-index:50;
}

#usefulLink,
#usefulLinks a {
	color:#5b473b;
	font-family:Arial;
	font-size:10px;
	text-decoration:none;
}

#usefulLinks img {
	border:none;
	float:left;
	font-size:1px;
	margin:0;
	padding:0 5px;
}

#usefulLinks div {
	float:left;
	margin:0;
	padding:0 0 0 4px;
}
#usefulLinks span {
	float:left;
	font-family:Arial;
	font-size:10px;	
	margin:0;
	padding:5px 0 0 0;
}


#usefulLinks span,
#usefulLinks img
 {
	cursor:pointer;
}
#printPage
{
	cursor:pointer;
	}

.usefulLinksSeparator 
{
	padding-top:5px !important;
	}

#leftColumn
{
	float:left;
	width:224px;
}

#subMenu {
	background:#a7ccdf;
	float:left;
	margin:0;
	padding:14px 16px 17px 18px;
	width:190px;
}

#subMenu a
{
	color:#458caf;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding-bottom:8px;
	text-decoration:none;
	width:160px;
	}

#subMenu ul {
	border-bottom:1px solid #fff;
	list-style-type:none;
	margin:0;
	padding:0;

}

#subMenu li 
{
	border-top:1px solid #fff;
		
	}


#subMenu li 
{
	background: url(../Images/arrowSubMenu.gif) no-repeat 172px 12px;
	display:block;
	font-size:12px;
	font-weight:normal;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:5px 12px 0px 7px;
	text-decoration:none;
	width:166px;
}

#subMenu li a
{
	color:#5b473b !important;
	font-weight:normal !important;
}

#subMenu li.selected 
{
	background: url(../Images/arrowSubMenuSelected.gif) no-repeat 172px 12px;
	overflow:hidden;
	}
	
#subMenu li.selected a
{
	color:#336f95 !important;
	font-weight:bold !important;
	}	

#subMenu ul ul {
	border:none;
	margin: 0;
	padding: 0 0 13px 0;

}

#subMenu li li
{
	border:none;
		
	}

#subMenu li li {
	background:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	padding-left:10px;
	width:160px;
}

#subMenu li.selected li a{
	color:#5a461b !important;
	font-weight:normal !important;
}

#subMenu li.selected li.selected
{
	background: url(../Images/arrowSubMenuSelected.gif) no-repeat 165px 12px !important;
	overflow:hidden;
	}
	
#subMenu li.selected li.selected a
{
	color:#336f95 !important;
	font-weight:bold !important;
	}	
	
#flashTitle
{
	position:absolute;
	top:0;
	left:2px;
	width:100%;
	z-index:1;	
	}

#topTitle {
	background-image: url(../images/backgroundH1.png);
	background-repeat:repeat;
	float:left;
	margin:0 0 16px 5px;
	_margin:0 0 16px 0px;
	padding:0; 
	position:relative;
	width:724px;
	z-index:99;
	
}

#topTitle .top
{
	padding-left:6px;
	#padding-left:12px;
	width:550px;
	}

#topTitle img 
{
	float:right;
	font-size:1px;
	margin:0 0 2px 0;
	}

.abstract 
{
	color:#fff;
	padding:0 14px 11px 14px;
	width:550px;
	}	
	

#breadcrumbs 
{
	padding:10px 14px 15px 14px;
	width:545px;
}

#breadcrumbs,
#breadcrumbs a
{
	color:#fff;
	font-size:0.92em;
	}	
	
#breadcrumbs a.selected
{
	text-decoration :none !important;
	}	
	

.tabs 
{
	float:left;
	margin:0 0 16px 2px;
	padding:0; 
	width:100%;
	}	

/***************************   News *********************************/
.newsItem {
    border-top:1px solid #DEDBD6 !important;
    padding: 0 0 0.5em 0;
}

.newsItem h3.newsTitle {
	font-size:1.1em;
}


#newsContent,
.newsList
{
    margin: 0 8px 14px 16px;
}
 
.newsList h2,
#newsContent h2
{
    color: #5d9fc0;
    font-size: 1.5em;
    font-weight:bold;
    margin-bottom: 0 0 10px 0;
    padding: 0;
}
h3.newsTitle
{
    margin: 0.5em 0;
    padding: 0;
    font-size: 1.33em;
    font-weight: bold;
}
#newsContent img  {
	float:left;
	margin-right:10px;
}
.newsDate {
	color:#666;
}	
.newsAbstract 
{
    padding-bottom: 20px;
}	

	
	
/***************************   team list *********************************/	
	
.itemList 
{
	border-top:solid 1px #dddbd5;
	font-size:0.83em;
	padding-top:13px;
	}
	
.itemList a 
{
	text-decoration:none;
	}	
	
.itemList img
{
	padding-right:12px;
	}	
	
.itemList .itemListName 
{
	color:#3c7f9c;
	font-weight:bold;
	line-height:1.3em;	
	}	
	
.itemListName 
{
	font-size:1.1em;
	}	
	
.itemListTitle 
{
	color:#666;
	padding-bottom:11px;
	}	
	
.itemListTelephone
{
	margin-top:18px;	
	}		
	
.itemListEmail 
{
	color:#5b473b;
	padding-bottom:24px;
	text-decoration:underline;	
	}	
.itemListEmail a
{
	text-decoration:underline;	
	}	
#content TD 
{
	vertical-align:top;
	}	

.teamList 
{
	position:relative;
	width:704px;
}


.teamList TABLE 
{
	padding:5px;
	width:472px !important;
}	
	
.teamList TABLE TD
{
	width:224px !important;
}
	
#teamOffice	
{
	border-top:solid 1px #dddbd5;
	color:#666;
	font-size:0.83em;
	padding-left:3px;
	position:absolute;
	right:8px;
	top:4px;
	width:224px;
	}
	
.teamOfficeName 
{
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	padding-top:13px;
	}	
	
.teamAddress
{
	padding-bottom:14px;
	}	
	
.teamFax
{
	margin-bottom:14px;
	}
	
.teamEmail
{
	color:#5b473b;
	text-decoration:underline;	
	}

.menuListTeam
{
	margin-left:20px;
	margin-right:8px;
	padding-bottom:16px;
	}
	
.titleTeam 
{
	border-top:solid 1px #dddbd5;	
	color:#458CAF;
	font-size:1.08em;
	font-weight:bold;
	margin-left:20px;
	margin-right:8px;
	padding-top:7px;	
}	

.menuListTeam span
{
	color:#dddbd5;
	padding:0 3px;
	}
	
.menuListTeam a
{
	display:inline-block;
	padding:4px 8px;
	text-decoration:none;
	}	
	
/**************************** downloadList *******************/
.documentAbstract 
{
	padding-bottom:12px;	
	}

.documentList
{
	border-top:solid 1px #dedbd6;
	width:465px;	
	}
	
.documentList h2
{
	font-size:1.1em;
	margin:0;
	padding:9px 0 20px 0;
	}	
	
.documentList ul
{
	margin:0 0 15px 1px;
	padding:0;
	}	
	
.documentList ul li 
{
	color:#594638;
	list-style-type:none;
	list-style-image: url(../Images/iconePdf.gif);
	list-style-position:inside;
	padding:0 0 10px 0;
	}	
	
.documentList ul li a 
{
	color:#594638;
	#padding-left:10px;
	}		
	
	
	
/**************************** formulaire calcul  ******************************/	
.tabForm 
{
	float:left;
	}	

Table.formCalcul 
{
	border-collapse:collapse;
	font-size:0.92em;
	}	
	
.formCalcul TD 
{
	border-top:solid 1px #f5f5f5;
	padding:10px 0;
	}		
.formCalcul TD.rightColumn 
{
	text-align:right;
	padding-right: 10px;
}

.formCalcul .inputText
{
	width:170px;
	} 	
		
.formCalcul select
{
	width:120px;
	} 	

	
.labelTitle 
{
	color:#3c7f9c;
	font-weight:bold;
	}	

.formFonds TD
{
	border:none;
	padding:0 0 11px 0;
	}
	
.formFonds span
{
	line-height:1.8;
	vertical-align:top;
	#vertical-align:baseline;
	}	
	
.formNoBorder 
{
	border:none !important;
	}	
	
.btnForm 
{
	background:#e2e3de;
	border:none;
	color:#59473d;
	cursor:pointer;
	font-weight:bold;
	margin:0;
	padding:8px 17px;
	float:right;
	}	
	
/**************************** formulaire valeur et rendement ***************************/
.formValue
{
	border-collapse:collapse;
	color:#5a461b;
	font-size:0.92em;
	}

.formValue thead td
{
	border-top: solid 1px #f5f5f5;	
	font-weight:bold;
}

.formValue thead td div{
	font-weight:normal;
}

.formValue thead td span
{
	font-weight:normal;
}

.formValue thead td.title
{
	color:#458caf;
	font-size:1.08em;
	}
	
.formValue thead th
{
	text-align:right;
	vertical-align:bottom;
	}
	
.formValue thead .th1
{
	background:#5b97b1;
	color:#fff;
	/*width:140px;*/
	}	
	
.formValue thead .th2,
.formValue .th3
{
	background:#85b0c6;
}

.formValue thead .th4,
.formValue .th5
{
	background:#9fc1d3;	
}	

.formValue thead .th6,
.formValue thead .th7
{
	background:#b9d0dc;
}

.formValue tbody th,
.formValue tbody td
{
	border-bottom: solid 1px #d6e8f2;
	font-size:0.89em;

	/*text-align:left;*/
	}
	
.formValue tbody td
{
	border-left: solid 1px #d6e8f2;
	}	
	
.formValue tfoot td
{
	color:#5b97b1;
	font-size:0.92em;
	padding:15px 0;
	}	
	
.formValue input,
.formCalcul input 
{
	border:none !important;
	#border:solid 1px white;
	/*width:auto;*/
	}	
	
.btnCalendar 
{
	background:none;
	background: url(../Images/iconeCalendar.gif)  right top no-repeat;
	height:19px;
	padding-right:30px;
	}	
	
/***************** Send to a friend & Rate This Page DIV ************************************/
#SendFriendDiv	{
	background: #fff;
	border: solid 2px #5d9fc1; 
	border-collapse:collapse;
	display: none;
	float: left;
	padding: 4px;
	position: absolute;
	top: 200px;
	left: 33%;
	width:400px; 
	z-index: 200;
}	

#SendFriendDiv h3 
{
	margin-top:0;	
	}
	
#RatePageDiv	{
	background: #fff;
	border: solid 2px #5d9fc1;
	padding: 0 4px 4px 4px;
	position: absolute;
	width:400px;
	display: none;
}
#RatePageDiv div 
{
	padding-top: 2px; 
}	

.popupVisit 
{
	position:absolute; 
	top:16px;
	right:0;
}
.popupVisit a 
{
	cursor: pointer;
}

#RatePageDiv h3
{
	color:#5d9fc1;
	font-size:16px;
	margin-top:0;
	}
	
#RatePageDiv table 
{
	border-collapse:collapse;
	width:395px;
	}	
	
#RatePageDiv td
{
	color:#666;
	padding-bottom:10px;
	font-size:10px;
	}		
	
#RatePageDiv textarea 
{
	width:395px;
	}		
	
.sendFriend 
{
	width:400px;
	}
.sendFriend .input
{
	float:left;
	height:15px;
	margin-bottom:20px;
	#margin:0;
	width:280px; 
	}
	
.sendFriend input
{
	width:280px; 
	}	
	
.btnClose
{
	position:relative;
	margin-top:-10px;
	margin:0;
	}	
	
.btnClose a 
{
	width:15px;
	height:15px;
	float:right;
	cursor:pointer;
	background: url(../Images/iconeClose.gif) no-repeat right top;
	}	
	
.required 
{
	color:red;
	}	
	

/********************************* EJSChart *************************************/
.EJSChart
{
	float:left;
	margin-left:16px;
	}
	

.ajax__calendar_days table td
{
	padding:0;
	}	
	
/********************* Header.css *************************************/
/**********************************************************************/	
img.largeText 
{
    display: inline;
    cursor: pointer;
}
img.normalText 
{
    display: none;
    cursor: pointer;
}

#profession select
{
	border:solid 1px #d0cdc6;
	border-top:none;
	width:228px;
	}	
	
.session{
	height:15px;
	margin:0;
	padding-right:15px;
	padding-top:40px;
	position:absolute;
	right:240px;
	top:0;	
	z-index:20;
}
.sessionLogin{
	/*height:15px;*/
	margin:0;
	margin-right:15px;
	margin-top:5px;
	padding-top: 2px;
	position:absolute;
	right:240px;
	top:0;	
	z-index:20;
	border: solid 0px #000;
}
.session a{
	color:#5b473b;
	font-size:0.89em;
	padding-left:8px;
	text-decoration:none;
}
.sessionLogin a {
	text-decoration: none;
	padding: 1px 5px;
	cursor: pointer;
}
.sessionLogin input {
	border: solid 1px #000;
	padding: 1px 5px;
	margin: 1px 0px;
	text-decoration: none;
	cursor: pointer;
}
.sessionLogin a:hover {
	background: #fff;
	border: solid 0px #000;
	color: #fff;
}
.sessionLogin input:hover {
	background: #5b473b;
	border: solid 1px #000;
	color: #fff;
}
.button {
	border: solid 1px #000;
	padding: 1px 5px;
	margin: 1px 0px;
	text-decoration: none;
	cursor: pointer;
}
.button:hover {
	background: #5b473b;
	border: solid 1px #000;
	color: #fff;
}

.inputLogin
{
	width:150px;
	}

/********************* Footer.css *************************************/
/**********************************************************************/
#footerWrapper {
	background:#f1f1f1;
	border-top:solid 13px #5f4f32;
	display:block;
	/*float:left;*/
	margin:0;
	padding:0 0 65px 0;	
	position:relative;
	z-index:1 !important;
	width:100%;
}

#footerWrapper img{
	margin:0 5px;
}


#footerWrapper #partenaires img {
	border:none;
	margin:0 8px 0 0;
}
.home #partenaires 
{
    display: none;
}

#footerWrapper #footer {
	margin:0 auto;
	padding-bottom:10px;
	padding-top:12px;
	width:962px;
}

#footerWrapper #footer div{
	color:#a0957f;
	font-size:0.92em;
}

#footerWrapper #footer a{
	color:#5f4f32;
}

#footerWrapper #footer #copyright{
	/*float:left;*/
	/*margin-right:5px;*/
	margin-top: 12px;
}

#footerWrapper #footer #copyright a{
	/*display:block !important;*/
	/*float:left;*/
	/*margin-right:5px;*/
	/*padding-top:12px;*/
}

/********************* ui.tabs.css ************************************/
/**********************************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
   /* background: url(../images/backgroundH1.png) left top;*/
    list-style: none;
    margin:0;
    padding: 0 0 0 12px;
}

.newsList .ui-tabs-nav,
.news .ui-tabs-nav
 {
    display:none !important;
}
.ui-tabs-nav li
{
	display:inline;
	
	}	
.ui-tabs-nav li a
{
	color:#b4a901;
	padding:4px 8px;
	text-decoration:none;
	}
ul.ui-tabs-nav  
{
	margin-bottom:12px;
	margin-left:10px;
}

ul.ui-tabs-selected a 
{
	background:#b4a901;
    color:#fff !important;
    padding:4px 8px;
}

.ui-tabs-nav a:hover  {
    background:#b4a901;
    color:#fff;
    padding:4px 8px;
}

.ui-tabs-selected a:hover  {
    padding:4px 8px;
}

.ui-tabs-panel 
{
	border-top:1px solid #DDDBD5;
	margin-left:20px;
	margin-right:8px;
	}


.tabs .top span
{
	/*display:inline;*/
	float:left;
	border: solid 0px #000;
	padding: 4px 0px;
	margin: 0px 0px 0px 0px;
}	
.tabs .top span a
{
	color:#b4a901;
	padding:4px 8px;
	text-decoration:none;
	white-space:nowrap;
	}
.tabs .top 
{
	margin-bottom:12px;
	margin-left:10px;
}

.tabs .top span a.selected
{
	background:#b4a901;
    color:#fff !important;
    padding:4px 8px;
}

.tabs .top span a:hover  {
    background:#b4a901;
    color:#fff;
    padding:4px 8px;
}

.tabs .top span a.selected:hover  {
    padding:4px 8px;
}
/**/



/********************* NavigationPage.css *****************************/
/**********************************************************************/
.collapsible dd 
{
    /*background: url(../Images/tabsNavMoins.gif) no-repeat 211px 11px;*/
    display: none;
}
.collapsible dd 
{
    font-size:10px;
    margin: -5px 0 5px 0;
    padding:7px 12px 7px 7px;
}

.collapsible .moreLink
{
	font-size:9px;
	margin-top:10px;
	}

TABLE.navigationTable 
{
	width:100%;
	}
	
TABLE.navigationTable TD
{
	border-left:solid 8px #fff;
	border-right:solid 8px #fff;
	}	

.navigationTable .fakeCell 
{
    
}
.styleHook 
{
    display: none;
}

.collapsible dt 
{
	margin-bottom:5px; 
	font-size:11px;
}

.navigationTable h2 
{
	font-size:1.08em;
	margin:0;
	padding:7px 0;
	}
	

.collapsible dt a
{
	color:#000 !important;
}	

.collapsible dt a:hover
{
	color:#fff !important;
}

dl.collapsible dd:hover 
{
	cursor:pointer !important;
	}

/* Collapsable DIV in content*/
.ShowHideP
{
	cursor:pointer;
	text-decoration: underline;
}
.ShowHideDiv
{
	display:none;	
}

/********************* jquery.tooltip.css *****************************/
/**********************************************************************/	
.cluetip-default {
  background-color:#eee;
  border:1px solid #111111;
  margin-left:-10px;
  margin-top:25px;
  padding:5px;
  opacity: 0.85;
  overflow: auto;
  white-space: nowrap;
  width: auto;
}
#cluetip-inner 
{
    overflow: auto;
}
.cluetip-default h3#cluetip-title {
  color: #000;
  font-size:11px;
  font-weight:normal;
  margin:0;
}

#tooltip
{
    background: #eee;
    border: 1px solid #111;
    color: #000;
	display:none;
	opacity: 0.85;
	padding: 5px;
	position: absolute;
}

.graphTitle
{
	color:#a29900;
	font-weight:bold;	
	padding-top:13px;
	position:relative;
	}

.tabGraphContent 
{
	float:right; 
	padding-right:9px;
	padding-top:6px;
	/*width:224px;*/
	width:265px;
	}
	
.rendement 
{
	color:#5e4f30;
	float:left;
	height:180px;
	margin-left:-35px;
	position:relative;
	width:400px; 
	}	
	
.montantInvesti 
{
	color:#5e4f30;
	margin-left:-35px;
	position:relative;
	}		
	
.tabGraph 
{
	border-collapse:collapse;
	width:265px;
	}

.tabGraph thead
{
	border-bottom:solid 1px #dedbd4;
	color:#a29900;
	font-weight:bold;
	height:29px;
	}
	
	
	
.tabGraph tbody th
{
	color:#666;
	font-size:12px;
	font-weight:normal;
	padding:8px 0 5px 7px;
	text-align:left;
	}
	
.tabGraph tbody td
{
	background:#c5dde9;
	border: solid 1px #f1f6f9;
	border-right: solid 1px #fff;
	color:#666563;
	font-size:12px;
	padding:8px 7px 4px 7px;
	}	
	
.tabGraph tfoot td
{
	color:#5B97B1;
	font-size:0.92em;
	padding-top:10px;
	}	

.graphPieTitle 
{
	border-bottom: solid 1px #dedbd4;
	padding: 4px;
	}
	
.graphPieContent 
{
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-right: solid 3px #fff;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	width:49%; 
	}	
	
.lastGraphPieContent
{
	border-right: none;
	}
	
	
.graphPie 
{
	padding-left:10px;
	float:left; 
	width:200px; 
	}
	
.graphPieLegend 
{
	float:left; 
	padding-left:20px; 
	_padding-left:0;
	padding-top:10px;
	}	
	
.graphPieLegendDetail
{
	margin-bottom:6px;
	}
	
.graphPieLegendDetail span
{
	color:#666666;
	padding-left:12px;
	}
	
div.tabGraphDom
{
	color:#5B97B1;
	font-size:0.92em;
	padding-top:10px;
	}	

	

	
