@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin:0
}

body {
	font:100%/1.5 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	background:url(../images/bg.gif) repeat;
	
}

a:link, a:visited, a:active {
	color:#555;
	text-decoration:none
}

a:hover {
	color:#1c2d5b
	
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -330px; /* the bottom margin is the negative value of the footer's height */
	background:url(../images/navBg.gif) repeat-x left top;
	
}
.QOverlay {
	background-color: #fff;
	z-index: 9999;
}

.QLoader {
	background-color: transparent;
	height: 1px;
}

.QAmt {
	color:#333333;	
	font-size:30px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}


.main {
	width:960px;
	margin:0 auto;
	text-align:left
}

.logoHolder {
	height:120px;
	font-size:.7em;
	position: relative;
	font-weight:bold;
}

.logoHolder a {
	color:#fff;
	text-decoration:none
}
.logoHolder ul {
	float:right;
	margin:40px 80px;
	padding:5px 30px;
	background:url(../images/loginBg.jpg) no-repeat left top;
	}
.logoHolder  li
{
display: inline;
list-style-type: none;
padding-right: 20px;
position: relative; 
    z-index: 100;
}

.logo {
	margin-top:10px;
	border:0;
	float:left
}

.navtop
{
margin: 0px;
padding: 0px;
}

/*.navtop ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
float: left;
line-height:250%;

}

.navtop ul li { 
display: inline;

}

.navtop ul li a
{
text-decoration: none;
background: url(/images/folderOFF.png) no-repeat top left;
font-size: .9em;

margin: 0px;
padding:0 10px;
height: 45px;
text-transform:uppercase;
color:#fff;
font-weight:bold
}

.navtop li a:hover
{
background: url(/images/folderON.png) no-repeat left top;

}*/

.search {
float:left;
margin-left:10px;
 width:300px;
 background:transparent url(../images/searchBg.gif) no-repeat left 4px;
 margin-top:7px;
 display:none !important
}
.search input[type=text] {
	border:0;
	background-color:transparent;
	height:23px;
	width:250px;
	color:#fff;
	margin-left:5px;	
	font-size:1.1em
}
.search input[type=button] {
	background:transparent url(../images/searchBtn.png) no-repeat left top;
	width:30px;
	height:30px;
	border:0;
	cursor:pointer
}

.banner {
background: url(../images/bannerBg.png) no-repeat left top;
height:330px;
margin-top:10px;
}

.banner p.hd {
	font-size:.8em;
	font-weight:bold;
	margin:0
}
.banner p.body {
	font-size:.7em;
	font-style:italic;
	margin:0
}
.banner a {
	color:#f4f4f4
}

.bannerSm {
background: url(../images/bannerBgSm.png) no-repeat left top;
height:211px;
margin-top:10px;
font-size:.8em
}
.sliderHolder {
	padding:7px 0 0 8px;
	background: url(../images/ico-loading.gif) no-repeat center;
	height:287px
}


#slider {	
	
	 position:relative;
}

#control {
	float:right;
	width:190px;
	margin-top:20px;
	font-size:.7em;
	text-align:left;
	margin-right:30px
}
#control a
{
	background:#e35454;
   padding:0 3px;
  color:#FFFFFF;
  margin-left:5px;
  text-decoration:none;
  
}

#control a.active
{
 background:#ab1a1a;
}



.floatleft {
	float:left
}

.floatright {
	float:right
}

.onethird {
	width:310px
}
.twothird {
	width:620px
}

.div220 {
	width:220px
}

.div460 {
	width:460px
}

.div660R {
	width:680px;
	margin-left:25px
}

.marginleft {
	margin-left:15px
}

.marginright {
	margin-right:15px
}

a.readmore {
	display:block;
	height:27px;
	width:86px;
	color:#fff;
	line-height:140%;
	font-size:12px;
	padding-left:10px;
	text-decoration:none;
	background: url(../images/readmoreBtn.jpg) no-repeat left top;
	text-indent:-9999px;
	font-size:0
}
.contentHome, .content {	
	margin-bottom:20px;
	font-size:.8em
}
.contentHome {
	margin-top:10px;
}

.contentHome h1, .content h1 {
	font-size:1.6em;
	color:#719412;
	text-transform:uppercase;
	font-weight:lighter;
	font-family: Lucida Sans, Arial, Helvetica, sans-serif
}
.contentHome h2, .content h2 {
	font-size:1.3em;	
	color:#1c2d5b;	
	font-family: Lucida Sans, Arial, Helvetica, sans-serif
}

.home {
	margin-left:200px
}

.footer, .push {
	height: 330px; /* .push must be the same height as .footer */
	clear: both;
}

.footer {
	background:url(../images/footerBg.gif) repeat-x bottom left;
	color:#fff;
	font-size:.7em;
	text-align:left;
	
}
.footer a {	
	color:#fff;
}
.footerHolder {
	margin:0 auto;
	width:960px
}

.breadcrumbs {
	height:30px;
	color:#999;
	font-size:.9em;
	line-height:250%
}
.breadcrumbs a{
	color:#999;
}
.contactF {
	height:230px;	
	color:#7d7d7d;
	margin-top:15px
}

.contactF h1 {
	color:#558faf;
	font-size:1.2em
}

.contactF p {
	float:left;
	width:320px
}
.contactF p:first-line {
	font-weight:bold
}
.clearfloat {
	clear:both
}

.logos a{
background:#fff url(../images/logos.png) no-repeat;
text-indent:-9999px;
font-size:0px;
display:block;
float:left;

}

.logos a.WSIB {
background-position:0px 0px;
width:120px;
height:71px;
margin-right:25px;
margin-left:20px
}

.logos a.WSIB:hover, .logos a.WSIB.hover {
background-position:-170px 0px;
}

.logos a.CULUS {
background-position:0px -71px;
width:120px;
height:75px;
}
.logos a.CULUS:hover, .logos a.CULUS.hover {
background-position:-170px -71px;
}

.logos a.CSA {
background-position:0px -145px;
width:170px;
height:73px;
margin-top:15px;
margin-bottom:15px
}

.logos a.CSA:hover, .logos a.CSA.hover{
background-position:-170px -145px;

}

.logos a.CWB {
background-position:0px -225px;
width:97px;
height:121px;
margin-right:40px;
margin-left:35px
}
.logos a.CWB:hover, .logos a.CWB.hover{
background-position:-170px -225px;
}


.logos a.WHMIS{
background-position:0px -345px;
width:96px;
height:118px;
margin-left:10px
}
.logos a.WHMIS:hover, .logos a.WHMIS.hover {
background-position:-170px -345px;
}

.logos a.IA{
background-position:0px -463px;
width:96px;
height:100px;
margin-left:10px
}
.logos a.IA:hover, .logos a.IA.hover{
background-position:-170px -463px;
}

.logos a.Cuta{
background-position:0px -560px;
width:168px;
height:78px;
margin-left:10px
}
.logos a.Cuta:hover, .logos a.Cuta.hover{
background-position:-170px -560px;
}


#vNav {
	margin-top:60px;

}

#vNav .top {
background: url(../images/vNavTop.gif) no-repeat top right;
height:33px;
text-align:right;
color:#fff;
}
#vNav .top  a {
color:#fff;

}

#vNav .top p {
	padding:5px 25px 0 0;
	font-size:1.1em;
	font-weight:bold
}

#vNav ul {
  float: right;
  display: block;
  width: 219px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(../images/vNavBg.png) no-repeat bottom right;
  padding-bottom:10px;
  font-size:.9em
}

#vNav li {
  float: right;
  height: 30px;
  width: 219px;
  position: relative;
  border-bottom:1px solid #e4e4e4
}

#vNav a {
  font-size: 1em;
  color: #666;
  text-decoration: none;
  padding: 10px 0 5px;
  display: block;
  width: 219px;
  height: 30px;
  position: relative;
  z-index: 2;
  text-align:right;
  line-height:70%;
}

#vNav a img {
  border: 0;
  float: right;
  margin: 3px 10px;
}
#vNav a.selected {
	background-color:#f0f1f3;
	height:15px
}

#vNav a:hover img {  margin-right: 5px;}

.fader { 
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px; /* because IE6 isn't listen to 100% */ 
	background-color: #A4ADB7;
	}
	
.tabItem
{
float:left;
width:100%;
min-height:25px
}

.tabItemAuto
{
float:left;
width:100%;
}

.tabLabel, .tabLabel0
{
 float:left;
 padding:2px;    
/* font-size: 11px;
 white-space:nowrap; */
 overflow:visible; 
}
.labelSmall {
	font-size:.9em
}
.tabLabel0
{
 padding:0px; 
}
.labelMarginTop2 {
  margin-top:2px !important;	
}

.labelMarginTop4 {
  margin-top:4px !important;	
}
.label30
{
 width:30px;

}
.label35
{
 width:35px;

}
.label40
{
 width:40px;

}

.label50
{
 width:50px;

}
.label70
{
 width:70px;
  margin-top:2px;
}

.label80
{
 width:80px;
 text-align:center;
}
.label80a
{
 width:80px;
}


.labelSchool
{
 width:160px;
}


.labelLicense
{
 width:100px;
}

.tabLicense 
{
 height:320px;
}
 
.labelID 
{
 width:90px;
 margin-top:2px;
}

.labelCert 
{
 width:120px;
}

.tabCert 
{
 height:360px;
 margin-top:2px;
}

.labelPersonal
{
 width:110px;
  margin-top:2px;
}


.labelSI 
{
 width:140px;
 margin-top:2px;
}

.labelBCard 
{
 width:100px;
}


.labelPref 
{
 width:140px;
}


.labelBInfo
{
 width:100px;
}

.tabBInfo
{
 height:460px;
}

.labelTZ
{
 width:100px;
}

.labelFI{
 width:170px;
}

.labelLI{
 width:180px;
}

.labelFB{
 width:194px;
}

.labelTag
{
 width:202px;
}

.labelSignup
{
 width:300px;
}
.labelPhone
{
 width:200px;
}
.labelSC
{
 width:220px;
}

#tooltip{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
color:#fff;
}

#tooltipList ul
{
margin:0px;
padding:0px;
}

#tooltipList li
{
display:block;
margin-bottom:20px;
}

.content input[type=text] {
	background: #ffffff url("../images/upper-shade.gif") repeat-x scroll center top ;
	border:1px solid #CACACA;		
	height:20px;
	width:310px;	
	color:#333;
	font-size:1.1em;
	
padding:3px;
}

.content select {
	border:1px solid #ccc;
	
	width:319px;	
	color:#333;
	font-size:1.1em;
	padding:2px;
}

.content textarea {
	background: #ffffff url("../images/upper-shade.gif") repeat-x scroll center top ;
	border:1px solid #CACACA;	
	width:310px;	
	color:#333;
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	
padding:3px;
}

label {
color:black;
font-weight:bold;

}
.borderF {
	
	padding:3px 0;
}
.borderF:hover {
	/*border-bottom:1px solid #CACACA;	*/
	background-color: #f4f4f4;
	
}


.content input[type=button] {	
	
	height:30px;
	border:0;
	cursor:pointer;
	width:120px;
	border:1px solid #ccc
}

.content input[type=button]:hover {	
	
	background-color:#ccc;
	border:1px solid #666
}