/*---------------------------------------------------------------------*/
/* AUTEUR      : Chanh T.Do [ www.thoransoft.com ]                     */
/* DATE        : 2008.01.26                                            */
/* DESCRIPTION : Feuille de style pour GMT (Groupe Mercator Transport) */
/*               Générale                                              */ 
/*---------------------------------------------------------------------*/

body {margin: 0px;
      padding: 0px;
      font-family: Verdana, Arial;
      font-size: 8pt;
      background-color: #333333;}

img {border:none;}
a {outline:none;}
      
/* Conteneur principal du site: Le site ne pourra pas dépasser ce contenant */
.site_container {margin:0px auto 10px auto;
				 width: 1000px;
				 height:600px;}

.header_container {position: relative;
				   margin:0px;
				   width:1001px; height:100px; 
			       /* border:1px solid #ff0000; */
			       background-image:url(../images/bgheader.jpg);}

.body_container {margin:0px;
				 width:1004px; height:500px;}

.left_container {margin:0px;
			     width:175px; height:501px; 
		         /* border-left:1px solid #ff0000; */
		         /* border-bottom:1px solid #ff0000; */
		         float:left;}

.right_container {margin:0px;
			      width:825px; height:475px; 
			      position:relative;
			      background-color:#ffffff;
		          /* border-left:1px solid #ff0000;
		          border-right:1px solid #ff0000;
		          border-bottom:1px solid #ff0000;
		          background-image:url(../images/imgright.jpg); */
		          float:left; }
		          
.bleft_container {margin:0px;
  			      width:425px; height:25px; 
		          /* border-left:1px solid #ff0000;
		          border-bottom:1px solid #ff0000; */
		          float:left;}

.bright_container {margin:0px;
			       width:399px; height:25px;
			       position:relative;
		           /* border-left:1px solid #ff0000;
		           border-right:1px solid #ff0000;
		           border-bottom:1px solid #ff0000; */
		           float:left;}

.TSX_logo {margin:0px; 
		   position:absolute; 
		   top:30px; 
		   left:760px; 
		   width:210px; 
		   height:60px; 
		   color:#ffcc00;
		   font-family:Helvetica, Arial, Sans-Serif;
		   font-size:7pt;
		   font-weight:normal;
		   letter-spacing:1pt;
		   line-height:12px;
		   text-align:right;
		   /*border:1px solid #ff0000;*/}
		   
.TSX_logo A:link {text-decoration: none; color: #eeeeee; cursor:pointer;font-weight:bold;}
.TSX_logo A:visited {text-decoration: none; color: #eeeeee; cursor:pointer;font-weight:bold;}
.TSX_logo A:active {text-decoration: none; color: #eeeeee; cursor:pointer;font-weight:bold;}
.TSX_logo A:hover {text-decoration: none; color: #ffcc00; cursor:pointer;font-weight:bold;}

.TSXLnk01 A:link {text-decoration:none; color:#ffcc00; }
.TSXLnk01 A:visited {text-decoration:none; color:#ffcc00; }
.TSXLnk01 A:active {text-decoration:none; color:#ffcc00; }
.TSXLnk01 A:hover {text-decoration:none; color:#ffcc00; }

.TSXLnk02 A:link {text-decoration:none; color:#eeeeee; font-size:6pt;}
.TSXLnk02 A:visited {text-decoration:none; color:#eeeeee; font-size:6pt;}
.TSXLnk02 A:active {text-decoration:none; color:#eeeeee; font-size:6pt;}
.TSXLnk02 A:hover {text-decoration:none; color:#eeeeee; font-size:6pt;}

.TSXLnk03 A:link {text-decoration:none; color:#ffcc00; font-size:6pt;}
.TSXLnk03 A:visited {text-decoration:none; color:#ffcc00; font-size:6pt;}
.TSXLnk03 A:active {text-decoration:none; color:#ffcc00; font-size:6pt;}
.TSXLnk03 A:hover {text-decoration:none; color:#eeeeee; font-size:6pt;}

.left_strip { position:absolute; left:0px; top:0px; width:25px; height:475px; background-color:#333333; }
.right_strip { position:absolute; right:0px; top:0px; width:25px; height:475px; background-color:#333333; }
.revenus { position:relative; width:475px; height:165px; margin:10px 0px 0px 325px;}
.imgRevenus {position:absolute; top:0px; left:0px; filter:alpha(opacity=0); -moz-opacity:0;}
.triangle {width:8px; height:8px;}

/*-------------------------- Accordions menu -----------------------------------------------------*/
.accordion {padding:0px; margin: 10px 20px 0px 0px; }
.accordion dt {font-weight:bold;
			   font-size:1em;
			   padding:0px;
			   margin:5px 0px 0px 0px;
			   width:430px;
			   height:16px;
			   cursor:pointer;
			   color:#333333; 
			   background-image:url(../images/GrayWhiteArrow_acc.gif); 
			   background-repeat:no-repeat;
			   background-color:#ffffff;}

.accordion dt.selected {color:#CC0000; background-image:url(../images/RedWhiteArrow_acc2.gif); background-repeat:no-repeat;}
.accordion dt:hover, .accordion dt.over {cursor: pointer; cursor: hand; color:#CC0000; background-image:url(../images/RedWhiteArrow_acc1.gif); background-repeat:no-repeat;}
.accordion dd {display: none;
			   padding: 0px;
			   margin:0px;
			   height:auto;
			   background-color:#ffffff;}

.accordion dd.open {display: block; }
.accordion dd.getHeight {display: block; }
.accordion table {margin:0px 0px 0px 16px;}
.accordion tr {height:20px; vertical-align:middle;}
/*-------------------------- Fin des accordions menu  --------------------------------------------*/

/*-------------------------- Boîte flottante (utilisé pour Yahoo Finance -------------------------*/
#preview_div {display: none;
			  position: absolute;
              padding: 5px;
              top: 0px;
              left: -500px;
              z-index:210;
              border: solid 1px gray;
              background-color: #ffffff;
              text-align: left;
              font-family:Verdana,sans-serif;
              font-size:1em;
              color: #aaaaaa;
              font-weight: bold;}
              
#loader_container {text-align: center;
                   position: absolute;}

#loader {position: absolute;
         font-family: Tahoma, Helvetica, sans;
		 font-size: 10px;
	 	 color: #000000;
		 background-color: #FFFFFF;
		 width: 350px;
		 height: 450px;
		 border: 2px solid #f5f3f3;
		 text-align: center;
		 z-index:255;}

#loader_bg {background-color:#EBEBE4;
			position:relative;
			top:8px; left:8px; height:7px;
			width:113px; font-size:1px;}

#progress {height:5px;
		   font-size:1px;
	       width:1px;
	       position:relative;
	       top:1px;
	       left:10px;
	       background-color:#9D9D94;}

.preview_temp_load {vertical-align:middle;
					text-align:center;
					padding: 10px;}

.preview_temp_load img{vertical-align:middle;
					   text-align:center;}

/*-------------------------- Fin Boîte flottante (utilisé pour Yahoo Finance ---------------------*/

/* Style pour tous les textbox du site.
   Pour modifier la longueur (au besoin), surcharger la classe CSS dans le code. */
.textbox {border:1px solid gray /*#0357a0*/;
		  color:#0357a0;
		  font-family:Verdana, Arial;
		  font-size:1em;
		  height:16px;
		  width:200px;}

/* Style pour tous les boutons du site.
   Pour modifier la longueur (au besoin), surcharger la classe CSS dans le code. */
.button {background-color:#999999;
		 border:1px solid #ffffff;
		 color:#ffffff;
		 font-weight:bold;
		 font-family:Verdana, Arial;
		 font-size:0.9em;
		 height:22px;
		 width:95px;
		 cursor:pointer;}

.btn_content {position:absolute; border:1px solid #999999;}
.lblError {color: Red; display:none; font-weight:bold;}
.boussole {position:absolute; bottom:0px; left:-14px;}