DIV
{
-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;	
}	

/********************************** Container **********************************/

div.widget_container_blue
{
background-image:url('/images/widget/background210_blue.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}

div.widget_container_green
{
background-image:url('/images/widget/background210_green.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}

div.widget_container_cyan
{
background-image:url('/images/widget/background210_cyan.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}

div.widget_container_orange
{
background-image:url('/images/widget/background210_orange.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}

div.widget_container_yellow
{
background-image:url('/images/widget/background210_yellow.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}


div.widget_container_purple
{
background-image:url('/images/widget/background210_purple.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}


div.widget_container_darkblue
{
background-image:url('/images/widget/background210_darkblue.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}

div.widget_container_gray
{
background-image:url('/images/widget/background210_gray.gif');
background-repeat:no-repeat;
height:270px;
width:195px;
position:absolute;left:0px;top:0px;
}

/********************************** Header Link **********************************/

div.header_eng
 {
 color:#FFFFFF;
 font: bold 13px arial;
 text-decoration:none;
 margin-bottom: 0px;
 margin-left:22px;
 }
 
 div.header_fra
 {
 color:#FFFFFF;
 font: bold 13px arial;
 text-decoration:none;
 margin-bottom: 0px;
 margin-left:15px;
 }


a.header:link
 {
 color:#FFFFFF; 
 font: bold 13px arial;
 text-decoration: none;
 position:absolute;top:30px;
 }
 
 a.header:visited
 {
 color:#FFFFFF;
 font: bold 13px arial;
 text-decoration: none;
 position:absolute;top:30px;
 }
 
 a.header:hover
 {
 color:#FFFFFF;
 font: bold 13px arial;
 text-decoration: underline;
 position:absolute;top:30px;
 }
 
 a.header:active
 {
  color:#FFFFFF;
 font: bold 13px arial;
 text-decoration: underline;
 position:absolute;top:30px;
 }

/********************************** Tabs **********************************/

div.tabs
{
position:relative;left:0px;top:55px;
width:100%;
}

a.tabs:link
 {
 color:#000000;
 font: 12px arial;
 text-decoration: none;
 }
 
 a.tabs:visited
 {
 color:#000000;
 font: 12px arial;
 text-decoration: none;
 }
 
 a.tabs:hover
 {
 color:#000000;
 font: 12px arial;
 text-decoration: none;
 }
 
 a.tabs:active
 {
  color:#000000;
 font: 12px arial;
 text-decoration: none;
 }

div.visible_border
{
border-top: 3px solid gray;
border-left: 3px solid gray;
border-right: 3px solid gray;
height:100%;
}

div.hidden_border
{
border: 1px solid gray;
}
 
div.tool_visible
{

background-color: white;
height: 20px;
width:30%;
float: left;
margin-left:9px;
text-align: center;
font: 12px arial;
}

div.tool_hidden
{
background-color: #E8E8E8;
height: 17px;
width:29%;
float: left;
margin-left:9px;
text-align: center;
position:relative;left:3px;top:3px;
line-height: 3px;
border-bottom: 2px solid gray;
}

div.video_visible
{

background-color: white;
height: 20px;
width:31%;
float: left;
position:relative;left:1px;top:0px;
text-align: center;
font: 12px arial;
}

div.video_hidden
{
background-color: #E8E8E8;
height: 17px;
width:30%;
float: left;
text-align: center;
position:relative;left:0px;top:3px;
line-height: 3px;
border-bottom: 2px solid gray;
}

div.video_hidden2
{
background-color: #E8E8E8;
height: 17px;
width:31%;
float: left;
text-align: center;
position:relative;left:3px;top:3px;
line-height: 3px;
border-bottom: 2px solid gray;
}


div.facts_visible
{
background-color: white;
height: 20px;
width:30%;
float: right;
margin-right:9px;
text-align: center;
position:relative;left:0px;top:0px;
font: 12px arial;
}

div.facts_hidden
{
background-color: #E8E8E8;
height: 17px;
width:29%;
float: right;
margin-right:9px;
text-align: center;
position:relative;left:-3px;top:3px;
line-height: 3px;
border-bottom: 2px solid gray;
}


/********************************** Tool Section **********************************/

 div.widget_tool
 {
 font: 10px verdana;
 color: #000000;
 width:177px; 
 height:120px;
 background-color: #FFFFFF;
 margin-left:4px;
 margin-right:4px;
 border-collapse:collapse;
 position:relative;left:5px;top:19px; 
 }
 
 .summary
 {
 padding-left:9px; 
 padding-right:7px; 
 padding-top:20px; 
 padding-bottom:10px; 
 font-size:9px; 
 text-align:left;
 }
 
 .label
 {
 padding-left:11px;  
 padding-top:9px; 
 padding-bottom:0px; 
 font-size:9px; 
 text-align:left;
 }
 
  .label_dp
 {
 padding-left:11px;  
 padding-top:9px; 
 padding-bottom:0px; 
 font-size:9px; 
 text-align:left;
 position:relative;left:-9px;top:0px;
 }
 
 form.occupation_textbox
 {
 margin-left:0px;
 padding:0px;	
 text-align:center; 
 position:relative;left:0px;top:0px;
 }
 
 form.occupation_dropdown
 {
 margin-left: 6px;
 position:relative;left:0px;top:-60px;
 visibility: hidden;
 }
 
 p.form
 {
 position:relative;left:0px;top:-10px; 	 
 }

/********************************** Video Section **********************************/

div.widget_video
 {
 width: 177px;
 height: 120px;
 visibility:visible;
 position:absolute;left:10px;top:19px; 	 
 }
 
 p.adobe{
 font: 10px verdana;
 color: white;
 padding: 10px;
 }
 
 a.adobe:link{
 font: bold 10px verdana;
 color: white;
 text-decoration: underline;	 
 }
 
  a.adobe:visited{
 font: bold 10px verdana;
 color: white;
 text-decoration: underline;	 
 }
 
 
  a.adobe:hover{
 font: bold 10px verdana;
 color: white;
 text-decoration: underline;	 
 }
 
 
  a.adobe:active{
 font: bold 10px verdana;
 color: white;
 text-decoration: underline;	 
 }
 
 

/********************************** Facts Section **********************************/

div.widget_facts
 {
 width:177px;
 height:120px;
 font: 10px verdana;
 color: #000000;
 background-color: #FFFFFF;
 visibility:visible; 
 position:absolute;left:9px;top:19px;
 }
 
 div.widget_facts_note
 {
 padding-top:15px;	 
 padding-bottom:10px;
 padding-right:7px;
 padding-left:7px;
 }
 
 p.widget_facts_link
 {
 padding-top:0px;	 
 padding-bottom:10px;
 padding-right:5px;
 padding-left:10px;
 text-align:right;
 }
 
  
  span.white_link
 {
 font: 10px verdana;
 color: #000000;	 
 }
 
 span.white_link:hover
 {
 font: bold 10px verdana;
 color: #000000;	 
 }

/********************************** Textbox **********************************/

.textbox
 {
 font: 10px italic verdana; 
 color: #808080;
 width: 100px; 
 height: 21px; 
 padding-top:-4px; 
 margin:0px;  
 vertical-align: text-bottom;
 position:relative;left:0px;top:3px; 
 }
 
 
  .textbox_fr
 {
 font: 10px italic verdana; 
 color: #808080;
 width:88px; 
 height: 21px; 
 padding-top:-4px; 
 margin:0px;  
 vertical-align: text-bottom;
 position:relative;left:-1px;top:3px; 
 }
 
 .textbox2
 {
 font: 10px italic verdana; 
 color: #808080;
 width: 85px; 
 height: 15px; 
 padding-top:-4px; 
 margin:0px;  
 vertical-align: text-bottom;
 position:absolute;left:9px;top:-8px; 
 }
 

/********************************** Button **********************************/

 .button
 {
 font-family:Helvetica,arial,Verdana,sans-serif;
 font: bold 9px verdana; 
 font-weight:bold;
 padding-left:0;
 padding-right:0;
 text-align:center;
 width: 60px; 
 height: 21px; 
 position:absolute;left:104px;top:-8px;  
 background-color: #CCCCCC;
 COLOR: #000000;
 
 }
 
  .button_fr
 {
  font-family:Helvetica,arial,Verdana,sans-serif;
 font: bold 9px verdana; 
 font-weight:bold;
 padding-left:0;
 padding-right:0;
 width: 60px; 
 height: 21px; 
 position:relative;left:0px;top:-2px;  
 background-color: #CCCCCC;
 COLOR: #000000;

 }
 
 .button_go
 {
 font: bold 11px verdana; 
 width: 25px; 
 height: 21px; 
 position:relative;left:-2px;top:1px;  
 padding:0px; 
 margin:0px;
 background-color: #CCCCCC;
 COLOR: #000000;
 Text-align:Center;
 }
 
 .widget_button_go
 {
 font: bold 11px verdana; 
 width: 40px; 
 height: 21px; 
 position:relative;left:0px;top:1px;  
 padding:0px; 
 margin:0px;
 background-color: #CCCCCC;
 COLOR: #000000;
 Text-align:Center;
 }

 
 .button_go_fr
 {
 font: bold 11px verdana; 
 width: 40px; 
 height: 21px; 
 position:relative;left:-2px;top:1px;  
 padding:0px; 
 margin:0px;
 background-color: #CCCCCC;
 COLOR: #000000;
 Text-align:Center;
 }
 
 

/********************************** Dropdown **********************************/

.dropdown
{
width:128px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

.dropdown2
{
width:118px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

.widget_dropdown
{
width:115px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

.dropdown_fr
{
width:113px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

 

/********************************** Info/Share **********************************/

 img.add_widget
 {
 position:absolute;left:-15px;top:255px;
 border:0;
 }
 
  img.add_widget_hidden
 {
 position:absolute;left:-15px;top:255px;
 visibility: hidden;
 border:0;
 }

 
/********************************** Language-About Us Buttons & Notice **********************************/
 
div.notice
{
color: white;	
font: bold 10px arial;
margin-left: 4px;
margin-right: 4px;
margin-top:2px;
position:absolute;left:0px;top:195px;
text-align:center;
}

div.aboutus a  {
/* background-color:#E8E8E8 ; */ /* #F5F5FD; */
/* border:2px solid #CCCCCC ; */ /*#F2F2FC;*/
color:#FFFFFF;
font: 10px arial;
width:45px;
height:12px;
text-align:center;
position:absolute;left:138px;top:228px;
padding-bottom:1px;
padding-left:4px;
padding-right:3px;
padding-top:1px;
text-decoration: underline;
}



  div.language a  {
/* background-color: #E8E8E8;  #F5F5FD; */
/* border:2px solid #CCCCCC ; #F2F2FC; */ 
color:#FFFFFF;
font: 10px arial;
width:45px;
height:12px;
text-align:center;
position:absolute;left:5px;top:228px;
padding-bottom:2px;
padding-left:4px;
padding-right:3px;
padding-top:1px;
text-decoration: underline;
}

 a.language:link
 {	 
 color:#FFFFFF;
 font:10px arial;
 text-decoration: underline; 

 }
 
 a.langauge:visited
 {
 color:#FFFFFF;
 font:  10px arial;
 text-decoration: underline; 
 }
 
 a.language:hover
 {
 color:#FFFFFF;
 font:  10px arial;
 text-decoration: underline; 
 }
 
 a.language:active
 {	 
 color:#FFFFFF;
 font: 10px arial;
 text-decoration: underline;
 }
 

/********************************** Not in use **********************************/

 #note1 
 {
 text-align:left;
 width:172px;
 height:120px;
 position: absolute; top:75px; left:20px;
 background: #FFFFFF;
 padding: 10px;
 border: 3px solid gray;
 z-index: 1;
 visibility: hidden;
 font: 9px "Verdana", Arial, Helvetica, sans-serif;
 color: #000000;
 }

 img.share2_noscript
 {
 position:absolute;left:63px;top:220px;
 border:0;
 }
 
  img.info2_noscript
 {
 position:absolute;left:103px;top:220px;
 border:0;
 }
 
 #form1
 {
 margin:0px;
 padding:0px;
 padding-bottom:3px;
 }
 


div.textarea_noscript
 {
	 font:8px;
	 border:2px;
	 position:relative;left:0px;top:-10px; 
	 height:50px;
	 width:162px;
	 overflow-x:hidden;overflow-y:scroll;
	 margin:5px;
	 background-color:#E8E8E8;
	 visibility: visible;
 }
 
 div.textarea2_noscript
 {
	 font:8px;
	 border:2px;
	 position:relative;left:0px;top:-10px; 
	 height:50px;
	 width:162px;
	 overflow-x:hidden;
	 margin:5px;
	 background-color:#E8E8E8;
	 visibility: visible;
 }
 
 a.link_noscript:link
 {
  text-decoration: underline;	 
 }
 
 

 img.tool
 {
 position:absolute;left:17px;top:45px;
  border:0;
 }
 
  img.tool_visible
 {
 visibility:visible;
 position:absolute;left:17px;top:45px;
  border:0;
 }
 
  img.tool_hidden
 {
  visibility:hidden; 
  position:absolute;left:17px;top:45px;
   border:0;
 }
 
 img.video
 {
 position:absolute;left:77px;top:45px;
  border:0;
 }
 
  img.video_visible
 {
  visibility:visible;
  position:absolute;left:77px;top:45px;
  border:0;
 }
 
  img.video_hidden
 {
  visibility:hidden; 
   position:absolute;left:77px;top:45px;
    border:0;
 }
 
 img.facts
 {
 position:absolute;left:137px;top:45px;
  border:0;
 }
 
  img.facts_visible
 {
 visibility:visible;	 
 position:absolute;left:137px;top:45px;
  border:0;
 }
 
 
  img.facts_hidden
 {
 visibility:hidden; 
  position:absolute;left:137px;top:45px;
   border:0;
 }
 
 
 img.share
 {
 position:absolute;left:63px;top:205px
 }
 
 img.info
 {
 position:absolute;left:103px;top:205px;
 }
 
 img.share2
 {
 position:absolute;left:63px;top:240px;
 border:0;
 }
 
 
  img.share2_hidden
 {
 visibility:hidden;
 position:absolute;left:63px;top:240px;
 border:0;
 }
 
 img.info2
 {
 position:absolute;left:103px;top:240px;
 border:0;
 }
 

 
 img.info2_hidden
 {
 visibility:hidden; 
 position:absolute;left:103px;top:240px;
 border:0;
 }
 
 
 /************************************************************/
 

div.widget_container
{
position:absolute;left:0px;top:20px;
}
 
 a.old_header:link
 {
 color:#FFFFFF;
 font-size: 14px ;
 font-style: bold;
 font-family: "Times New Roman",Sans-serif;
 text-decoration: none;
 position:absolute;left:31px;top:20px;
 }
 
 a.old_header:visited
 {
 color:#FFFFFF;
 font-size: 14px ;
 font-style: bold;
 font-family: "Times New Roman",Sans-serif;
 text-decoration: none;
 position:absolute;left:31px;top:20px;
 }
 
 a.old_header:hover
 {
 color:#FFFFFF;
 font-size: 14px ;
 font-style: bold;
 font-family: "Times New Roman",Sans-serif;
 text-decoration: underline;
 position:absolute;left:31px;top:20px;
 }
 
 a.old_header:active
 {
  color:#FFFFFF;
 font-size: 14px ;
 font-style: bold;
 font-family: "Times New Roman",Sans-serif;
 text-decoration: underline;
 position:absolute;left:31px;top:20px;
 }
 
  
 #mapleleaf
 {
 position:absolute;left:91px;top:-2px;
 }

 #main
 {
 position:absolute;left:0px;top:0px;
 }
 
 table.old_widget_video
 {
 
 border:3px solid gray;
 visibility:hidden;
 position:absolute;left:14px;top:74px; 
 	 
 }
 
 table.old_widget_facts
 {
 width:177px;
 height:113px;
 font: 10px verdana;
 color: #000000;
 background-color: #FFFFFF;
 visibility:hidden; 
 position:absolute;left:16px;top:75px;
 }
 
  td.old_widget_facts
 {
 padding:10px;
 }
 
 table.old_widget_tool
 {
 font: 10px verdana;
 color: #000000;
 width:170px; 
 height:40px;
 background-color: #FFFFFF;
 margin-left:4px;
 margin-right:4px;
 border-collapse:collapse;
 position:absolute;left:18px;top:78px; "
 }
 
  
 a:link {
 font: bold 9px verdana;
 }
 
 a:visited {
 font: bold 9px verdana;
 }
 
 a:hover {
 font: bold 9px verdana;

 }
 
 a:active {
 font: bold 9px verdana;
 }
 
.old_dropdown
{
width:128px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

.old_dropdown2
{
width:118px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

.old_widget_dropdown
{
width:105px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}

.old_dropdown_fr
{
width:113px;
height: 21px;
font-size:9px;
color:#000000;
font-family:verdana;
background-color:#ffffff;
}
 
 .old_textbox
 {
 font: 10px italic verdana; 
 color: #808080;
 width: 85px; 
 height: 21px; 
 padding-top:-4px; 
 margin:0px;  
 vertical-align: text-bottom;
 position:relative;left:5px;top:3px; 
 }
 
 
  .old_textbox_fr
 {
 font: 10px italic verdana; 
 color: #808080;
 width:88px; 
 height: 21px; 
 padding-top:-4px; 
 margin:0px;  
 vertical-align: text-bottom;
 position:relative;left:5px;top:3px; 
 }
 
 .old_textbox2
 {
 font: 10px italic verdana; 
 color: #808080;
 width: 85px; 
 height: 15px; 
 padding-top:-4px; 
 margin:0px;  
 vertical-align: text-bottom;
 position:relative;left:0px;top:3px; 
 }
 
 
 .old_button
 {
 font-family:Helvetica,arial,Verdana,sans-serif;
 font: bold 9px verdana; 
 font-weight:bold;
 padding-left:0;
 padding-right:0;
 text-align:center;
 width: 60px; 
 height: 21px; 
 position:relative;left:5px;top:-2px;  
 background-color: #CCCCCC;
 COLOR: #000000;
 
 }
 
  .old_button_fr
 {
  font-family:Helvetica,arial,Verdana,sans-serif;
 font: bold 9px verdana; 
 font-weight:bold;
 padding-left:0;
 padding-right:0;
 width: 60px; 
 height: 21px; 
 position:relative;left:5px;top:-2px;  
 background-color: #CCCCCC;
 COLOR: #000000;

 }
 
 .old_button_go
 {
 font: bold 11px verdana; 
 width: 25px; 
 height: 21px; 
 position:relative;left:-2px;top:1px;  
 padding:0px; 
 margin:0px;
 background-color: #CCCCCC;
 COLOR: #000000;
 Text-align:Center;
 }
 
  .old_widget_button_go
 {
 font: bold 11px verdana; 
 width: 40px; 
 height: 21px; 
 position:relative;left:0px;top:1px;  
 padding:0px; 
 margin:0px;
 background-color: #CCCCCC;
 COLOR: #000000;
 Text-align:Center;
 }

 
 .old_button_go_fr
 {
 font: bold 11px verdana; 
 width: 40px; 
 height: 21px; 
 position:relative;left:-2px;top:1px;  
 padding:0px; 
 margin:0px;
 background-color: #CCCCCC;
 COLOR: #000000;
 Text-align:Center;
 }
 
 #note1 
 {
 text-align:left;
 width:172px;
 height:120px;
 position: absolute; top:75px; left:20px;
 background: #FFFFFF;
 padding: 10px;
 border: 3px solid gray;
 z-index: 1;
 visibility: hidden;
 font: 9px "Verdana", Arial, Helvetica, sans-serif;
 color: #000000;
 }

 img.tool
 {
 position:absolute;left:23px;top:53px;
 }
 
  img.tool_visible
 {
 visibility:visible;
 position:absolute;left:23px;top:53px;
 }
 
  img.tool_hidden
 {
  visibility:hidden; 
  position:absolute;left:23px;top:53px;
 }
 
 img.video
 {
 position:absolute;left:78px;top:53px;
 }
 
  img.video_visible
 {
  visibility:visible;
  position:absolute;left:78px;top:53px;
 }
 
  img.video_hidden
 {
  visibility:hidden; 
   position:absolute;left:78px;top:53px;
 }
 
 img.facts
 {
 position:absolute;left:133px;top:53px;
 }
 
  img.facts_visible
 {
 visibility:visible;	 
 position:absolute;left:133px;top:53px;
 }
 
 
  img.facts_hidden
 {
 visibility:hidden; 
  position:absolute;left:133px;top:53px;
 }
 
 
 #mapleleaf
 {
 position:absolute;left:91px;top:-2px;
 }
 
 #canadalogo
 {
 position:absolute;left:150px;top:194px;
 }
 
 span.old_white_link
 {
 font: 10px verdana;
 color: #000000;	 
 }
 
 span.old_white_link:hover
 {
 font: bold 10px verdana;
 color: #000000;	 
 }