
/**
 * 	@author Blanc Jerome <Blanc.Jerome@cirano.qc.ca>
 * 	@copyright 2010 Cirano
 *	@version $Id$
 *	ekfact CSS
 */
#container {
	width				:	995px;
	margin				:	10px;;
}
#popUp_container {
	position			:	relative;
	top					:	0px;
	left				:	0px;
    width               :   995px;
	height				:	520px;
	margin				:	0px;
	padding				:	20px;
	text-align			:	justify;
	background-color	:	white;
	border				:	1px solid #bfcfcf;
	overflow			:	hidden;
}
#chartTitleArea {
	position			:	absolute;
	top					:	5px;
	left				:	25px;
    width               :   995px;
    height              :   20px;
    font-size           :   1.2em;
	font-weight			:	bold;
	color               :   #54769c;
	overflow            :   auto;
}
#chartChoiceArea {
 	position			:	absolute;
	top					:	35px;
	left				:	350px;
    width               :   650px;
    height              :   20px;
    overflow            :   hidden;
	text-align			:	center;
	font-size			:	0.9em;
}
#chartChoiceArea select {
	background			:	#eaeef4;
	color				:	#214063;
}
.factBox {
	position			:	absolute;
	top					:	60px;
	left				:	1035px;
	width				:	1035px;
	height				:	495px;
	overflow			:	hidden;
}
#explanations {
	position			:	absolute;
	top					:	0px;
	left				:	25px;
    width               :   300px;
    height              :   370px;
    overflow            :   auto;
	font-size			:	0.9em;
}
#references {
	position			:	absolute;
	top					:	340px;
	left				:	25px;
    width               :   300px;
    height              :   120px;
    overflow            :   hidden;
	font-size			:	0.9em;
}
#series {
    float               :   left;
    width               :   640px;
    margin              :   0px 0px 0px 5px;
    text-align          :   center;
    padding             :   5px;
    height              :   20px;
    font-size           :   0.8em;
    border              :   1px solid #a6bfdb;
    border-bottom       :   0px;
}
#chartContainerArea {
 	position			:	absolute;
	top					:	0px;
	left				:	350px;
    padding             :   0px;
    width               :   650px;
    border              :   1px solid #a6bfdb;
    height              :   455px;
    overflow            :   hidden;
}
#chartContainerArea  img {
    width               :   650px;
    height              :   455px;
}
.chartContainerArea_Txt {
	padding				:	10px;
	text-align			:	justify;
	color				:	#54769c;
}
#dataSource {
  	position			:	absolute;
	top					:	460px;
	left				:	350px;
    width               :   650px;
    text-align          :   right;
}
#dataSource .source {
    font-style          :   italic;
    font-size           :   0.8em;
}
#dataSource .lastUpdate {
    font-size           :   0.8em;
    color               :   red;
}
#explanations #explanation {
    margin-bottom       :   5px;
}
#explanations h1 {
    margin              :   0px 0px 15px 0px;
    padding-right       :   0px;
    padding-bottom      :   5px;
    border-bottom       :   1px solid #214063;
}
#explanations h2 {
    margin              :   8px 0px 0px 0px;
}
#explanations h1 div {
	cursor				:	pointer;
	float				:	right;
	display				:	block;
    margin-left			:   8px;
	text-decoration		:	underline;
}
#explanations h1 div:hover {
	color				:	#85282c;
	text-decoration		:	none;
}
#explanations p {
    padding-right       :   5px;
    margin              :   5px 0px 0px 0px;
}
.menu_3000 {
	cursor				:	pointer;
	position			:	relative;
	top					:	0px;
	left				:	5px;
	float				:	left;
	display				:	block;
	width				:	120px;
	height				:	25px;
    margin				:	0px 15px 10px 10px;
	padding-top			:	10px;
	font-weight			:	bold;
	color				:	#446da3;
	text-align			:	center;
    border              :   1px solid #a6bfdb;
	background-image	:	url(../../public/images/content/bottom_ekfact_background.png);
}
.menu_3000:hover {
	color				:	#e5b408;
}
.active, .active:hover {
	cursor				:	default;
	color				:	#85282c;
	background-image	:	url(../../public/images/content/bottom_ekfact_background_on.png);
}
#footer {
	position			:	relative;
	top					:	-20px;
	left				:	20px;
	float				:	left;
	color				:	#285387;
	font-family			:	Georgia, Serif;
	clear				:	none;
	width				:	1035px;
	height				:	26px;
}
.footerText {
	font-size			:	.9em;
	position			:	relative;
	top					:	5px;
	text-align			:	center;
}
