/**
 * 	@author Blanc Jerome <Blanc.Jerome@cirano.qc.ca>
 * 	@copyright 2010 Cirano
 *	@version $Id$
 *	PopUp CSS
 */
.popUp {
	margin				:	20px;
	text-align			:	justify;
}
#content_BottomLeftBox {
	position		:	absolute;
	top				:	30px;
	left			:	30px;
	width			:	560px;
	height			:	297px;
	text-align		:	left;
}
.content_BottomLeftBox_title {
	font-size		:	1.1em;
	font-weight		:	bold;
	color			:	#214063;
}
.content_BottomLeftBox_content {
	position		:	absolute;
	top				:	20px;
	left			:	0px;
	width			:	560px;
	height			:	275px;
	border			:	2px solid #2c6c99;
	color			:	#21567a;
	background		:	#cee2f0;
}
.BottomLeftBox_content_regions {
	position		:	absolute;
	top				:	0px;
	left			:	0px;
	width			:	295px;
	height			:	30px;
	border-bottom-style	:	double;
	border-bottom-color	:	#2c6c99;
	font-size		:	1.2em;
	font-weight		:	bold;
	padding			:	9px 0px 0px 10px;
}
.BottomLeftBox_content_select {
	position		:	absolute;
	top				:	0px;
	left			:	305px;
	width			:	245px;
	height			:	30px;
	border-bottom-style	:	double;
	border-bottom-color	:	#2c6c99;
	padding			:	9px 0px 0px 10px;
}
.BottomLeftBox_content_select select {
	font-size		:	1em;
	font-weight		:	bold;
	width			:	230px;
	height			:	22px;
	background		:	#70abd5;
	color			:	white;
}
.BottomLeftBox_content_Indicateur {
	position		:	absolute;
	top				:	42px;
	left			:	0px;
	width			:	159px;
	height			:	25px;
	border-bottom	:	2px solid #2c6c99;
	border-right	:	2px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
}
.BottomLeftBox_content_Region {
	position		:	absolute;
	top				:	42px;
	left			:	170px;
	width			:	70px;
	height			:	25px;
	border-bottom	:	2px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_Rang {
	position		:	absolute;
	top				:	42px;
	left			:	250px;
	width			:	65px;
	height			:	25px;
	border-bottom	:	2px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 5px;
	text-align		:	center;
}
.BottomLeftBox_content_Qc {
	position		:	absolute;
	top				:	42px;
	left			:	320px;
	width			:	70px;
	height			:	25px;
	border-bottom	:	2px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_Ont {
	position		:	absolute;
	top				:	42px;
	left			:	400px;
	width			:	70px;
	height			:	25px;
	border-bottom	:	2px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_Ca {
	position		:	absolute;
	top				:	42px;
	left			:	480px;
	width			:	70px;
	height			:	25px;
	border-bottom	:	2px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_PIB {
	position		:	absolute;
	top				:	77px;
	left			:	0px;
	width			:	159px;
	height			:	35px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	2px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
}
.BottomLeftBox_content_PIBRegion {
	position		:	absolute;
	top				:	77px;
	left			:	170px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_PIBRang {
	position		:	absolute;
	top				:	77px;
	left			:	250px;
	width			:	65px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 5px;
	text-align		:	center;
}
.BottomLeftBox_content_PIBQc {
	position		:	absolute;
	top				:	77px;
	left			:	320px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_PIBOnt {
	position		:	absolute;
	top				:	77px;
	left			:	400px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_PIBCa {
	position		:	absolute;
	top				:	77px;
	left			:	480px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_Revenu {
	position		:	absolute;
	top				:	120px;
	left			:	0px;
	width			:	159px;
	height			:	35px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	2px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
}
.BottomLeftBox_content_RevenuRegion {
	position		:	absolute;
	top				:	120px;
	left			:	170px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_RevenuRang {
	position		:	absolute;
	top				:	120px;
	left			:	250px;
	width			:	65px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 5px;
	text-align		:	center;
}
.BottomLeftBox_content_RevenuQc {
	position		:	absolute;
	top				:	120px;
	left			:	320px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_RevenuOnt {
	position		:	absolute;
	top				:	120px;
	left			:	400px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_RevenuCa {
	position		:	absolute;
	top				:	120px;
	left			:	480px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_Croissance {
	position		:	absolute;
	top				:	165px;
	left			:	0px;
	width			:	159px;
	height			:	55px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	2px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
}
.BottomLeftBox_content_CroissanceRegion {
	position		:	absolute;
	top				:	165px;
	left			:	170px;
	width			:	70px;
	height			:	45px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	20px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_CroissanceRang {
	position		:	absolute;
	top				:	165px;
	left			:	250px;
	width			:	65px;
	height			:	45px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	20px 0px 0px 5px;
	text-align		:	center;
}
.BottomLeftBox_content_CroissanceQc {
	position		:	absolute;
	top				:	165px;
	left			:	320px;
	width			:	70px;
	height			:	45px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	20px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_CroissanceOnt {
	position		:	absolute;
	top				:	165px;
	left			:	400px;
	width			:	70px;
	height			:	45px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	20px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_CroissanceCa {
	position		:	absolute;
	top				:	165px;
	left			:	480px;
	width			:	70px;
	height			:	45px;
	border-bottom	:	1px solid #2c6c99;
	padding			:	20px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_Chomage {
	position		:	absolute;
	top				:	230px;
	left			:	0px;
	width			:	159px;
	height			:	35px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	2px solid #2c6c99;
	font-size		:	1em;
	font-weight		:	bold;
	padding			:	10px 0px 0px 10px;
}
.BottomLeftBox_content_ChomageRegion {
	position		:	absolute;
	top				:	230px;
	left			:	170px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_ChomageRang {
	position		:	absolute;
	top				:	230px;
	left			:	250px;
	width			:	65px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 5px;
	text-align		:	center;
}
.BottomLeftBox_content_ChomageQc {
	position		:	absolute;
	top				:	230px;
	left			:	320px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_ChomageOnt {
	position		:	absolute;
	top				:	230px;
	left			:	400px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	border-right	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
.BottomLeftBox_content_ChomageCa {
	position		:	absolute;
	top				:	230px;
	left			:	480px;
	width			:	70px;
	height			:	30px;
	border-bottom	:	1px solid #2c6c99;
	padding			:	15px 0px 0px 10px;
	text-align		:	center;
}
#qetable {
	background-color	:	white;
	width				:	490px;
}
#qetable p{
	background-color	:	#40749A;
	margin				:	0px 0px 0px 0px;
	font-weight			:	bold;
}
#qetable table{
	color				:	black;
}
#qetable th{
	color				:	white;
	background-color	:	#7399B7;	
	text-align			:	left;
}
#qetable td{
	background-color	:	#E6ECF2;
	text-align			:	right;	
}
.trbold{
	font-weight			:	bold;
}
#qetable li{
	text-align			:	justify;
	width				:	425px;	
}
#qetable h2{
	text-align			:	left;	
	width				:	470px;
}
#csv {
	position:relative;
	bottom:5px;
	left:250px;
	width:230px;
	height:20px;
}
#csv:hover{cursor:pointer;color:#7399B7;}
#csv img{margin-right:5px;}
#video{
	position:absolute;
	top:25px;
	left:25px;
	width:380px;
	height:240px;
}

#content_videoplayer{
	position:absolute;
	top:40px;
	left:50px;
	width:380px;
	height:300px;
	overflow		:	hidden;
	z-index			:	1;
}
#videoplayer{
	position		:	absolute;
	top				:	0px;
	left			:	0px;
	overflow		:	hidden;
	z-index			:	1;
	background-color	:	black;
}
#buttons_videoplayer{
	position		:	absolute;
	top				:	250px;
	left			:	40px;
	height			:	24px;
	width			:	290px;
	overflow		:	hidden;
	z-index			:	1;
}
#buttons_videoplayer:hover{cursor:pointer;}
#download_sd_video{
	float			:	left;
	margin-left		:	70px;
	height			:	25px;
	width			:	50px;
	overflow		:	hidden;
	z-index			:	1;
}
#download_hd_video{
	float			:	left;
	height			:	25px;
	width			:	49px;
	overflow		:	hidden;
	z-index			:	1;
}
#play_hd_video{
	float			:	left;
	height			:	25px;
	width			:	49px;
	overflow		:	hidden;
	z-index			:	1;
}
#play_sd_video{
	float			:	left;
	height			:	25px;
	width			:	49px;
	overflow		:	hidden;
	z-index			:	1;
	display			:	none;
}
/***********  Apps  **********/

#chartContainerArea {
 	position			:	absolute;
	top					:	0px;
	left				:	0px;
    padding             :   0px;
    width               :   800px;
    height              :   598px;
	background-image:url(../../public/images/content/webevents20110601_background.png);
}

#chartContainerArea h2{
	position		:	absolute;
	top				:	30px;
	left			:	55px;
}
#chartContainerArea  td{
 	text-align			:	center;
}

#chartContainerArea_hidden {
	position		:	absolute;
	top				:	25px;
	left			:	0px;
    width           :   800px;
    height          :   600px;
	text-align		:	justified;
	overflow		:	auto;
}
#ContentBoxes_Apps_select {
	position		:	absolute;
	top				:	5px;
	left			:	70px;
    width           :   300px;
	font-size			:	1.1em;
}
#ContentBoxes_Apps_select2 {
	font-size			:	1.1em;
}
#ContentBoxes_Apps_select3 {
	font-size			:	1.1em;
}
#ContentBoxes_Apps_select option {
}
#ContentBoxes_Apps_select_hidden {
	position		:	absolute;
	top				:	5px;
	left			:	500px;
}
#content_BottomRightBox {
	position		:	absolute;
	top				:	25px;
	left			:	25px;
	background-color:	white;
	border:1px black solid;
    width           :   818px;
    height          :   650px;
	overflow-y		:	scroll;
}
#chartsources{
	position		:	absolute;
	top				:	630px;
	left			:	5px;
    width           :   790px;
}
#datasource_table{	
	position		:	absolute;
	top				:	710px;
	left			:	5px;
    width           :   790px;
	text-align		:	center;
}
#datacsvButton {
	position		:	absolute;
	top				:	600px;
	left			:	10px;
    width           :   15px;
    height          :   15px;	
	z-index			:	1;
}
#datacsvButton:hover{cursor:pointer;}
#datacsvButton img{
    width           :   15px;
    height          :   15px;	
}