#WLAdspace {	
}
#WLSubmenu {
}
#WLContent {
	min-width:760px;
	max-width:2000px;
}
#WLLeftMenu {	
    float:left;
    margin:0px 5px 0px 0px;
	max-width:200px;
	min-width:160px;
}
#WLMainView {	
    float:left;
	min-width:340px;
	width:1%;
}
#WLRightMenu {	
    float:right;
    margin:5px 0px 0px 0px;
	max-width:200px;
	min-width:160px;
}
#WLFooter {	
	text-align: center;
}
BODY,.BODY {FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; margin:0px 0px 0px 0px; line-height:1.4;	}

BLOCKQUOTE { FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif }
H1, H2, H3, H4, H5, H6	{font-weight: bold;}
H1						{font-size: 16px; line-height: 20px;}
.siteTitle				{font-size: 30px; padding: 0 0 12px 0;  line-height: 37px;font-weight: normal;} /* Lg Titles */                    
H2						{font-size: 14px; line-height: 19px;}
H3, H4, H5, H6          {font-size: 13px; line-height: 17px;}

SELECT {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
INPUT {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serifl; margin-left: 0px; margin-right:0px;
}
FORM 
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif;
}
value {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
TEXTAREA {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
A {
	COLOR: #316531; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #316531; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: underline
}
.leftcolumntitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9BC99B
}
.leftcolumn {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.nav1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
.nav1on {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: none
}
.nav1on:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.nav1on:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.nav1off {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}

.nav1off:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none; color:#000000
}
.nav1off:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.nav2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
.nav2on {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: none
}
.nav2on:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.nav2on:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.nav2off {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: none
}
.nav2off:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.nav2off:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.NoUnderline {
	TEXT-DECORATION: none
}
.small {
	FONT-SIZE: 10px; FONT-FAMILY:  Arial, Sans-Serif
}
.tabon {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: none
}
A.tabon {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: none
}
A.tabon:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: none
}
A.tabon:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4; TEXT-DECORATION: underline
}
.taboff {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
A.taboff {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
A.taboff:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
A.taboff:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: underline
}
.tabMenu {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.tabBar {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
A.tabBar:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
A.tabBar:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
A.tabBar:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
A.tabBar:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c0c0c0
}
.tabBarHighlighted {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #246c40; FONT-FAMILY:  Arial, Sans-Serif; TEXT-DECORATION: none
}
.hubtitle {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
.keywordhighlight {
	FONT-WEIGHT: bold; COLOR: #ff0000; FONT-FAMILY:  Arial, Sans-Serif
}
.datatablehead {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4
}
.dataalternate1 {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #efefef
}
.dataalternate2 {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4
}
.dataoddrow {
	FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #efefef; line-height:1.45;
}
.dataevenrow {
	FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff; line-height:1.45;
}
.datatablefoot {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #bdbdbd
}
.datahelptext {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #efefef
}
.dataheadline1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
.dataheadline2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
.dataheadline3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
.datainputfield {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif
}
.copyright {
	FONT-SIZE: 10px; FONT-FAMILY:   Arial, Sans-Serif
}
.copyright STRONG {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY:   Arial, Sans-Serif
}
.disclaimer {
	FONT-SIZE: 10px; FONT-FAMILY:   Arial, Sans-Serif
}
.disclaimer STRONG {
	FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.panel {
	FONT-SIZE: 1px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.pixel {
	FONT-SIZE: 1px; FONT-FAMILY:  Arial, Sans-Serif
}
.tips {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.tips B {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.tips A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.tips A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.tips A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.tips A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.sup {
	FONT-SIZE: 7px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif
}
.bullet {
	COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif
}
.columnsmalltext {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.centercolumntitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #dedede; TEXT-DECORATION: none
}
.centercolumn {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #dedede
}
.centercolumnlight {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #f7f7f7
}
.centercolumnblank {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.centercolumntitle2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
.centercolumn2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #d4ead4
}
.formintro {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY:  Arial, Sans-Serif
}
.formelements {
	FONT-SIZE: 10px; FONT-STYLE: normal; FONT-FAMILY:  Arial, Sans-Serif
}
.loginbox1 {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b
}
.loginbox1edges {
	FONT-SIZE: 1px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b
}
.loginbox2 {
	FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4
}
.loginbox2edges {
	FONT-SIZE: 1px; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #c4e0c4
}
.loginbox1fields {
	PADDING: 0px; BACKGROUND-COLOR: #9bc99b;
}
TD.DayHeader {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:  Arial, Sans-Serif; HEIGHT: 40px
}
TD.FillDay {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 2px solid; BACKGROUND-COLOR: #efefef
}
DIV.banner {
	BACKGROUND-COLOR: #cccccc
}
.show {
	CURSOR: hand; FONT-FAMILY:  Arial, Sans-Serif
}
.hide {
	DISPLAY: none; CURSOR: hand; BACKGROUND-COLOR: white
}
.calendbord {
	BORDER-RIGHT: #9bc99b 1px solid; BORDER-TOP: #9bc99b 1px solid; BORDER-LEFT: #9bc99b 1px solid; BORDER-BOTTOM: #9bc99b 1px solid
}
TD.schd {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; BORDER-BOTTOM: white 2px solid; FONT-FAMILY:  Arial, Sans-Serif; BACKGROUND-COLOR: #9bc99b; TEXT-DECORATION: none
}
A.calendar:link {
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: none
}
A.calendar:active {
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: none
}
A.calendar:visited {
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: none
}
A.calendar:hover {
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: underline
}
A.date:link {
	FONT-WEIGHT: bold; COLOR: #333399; TEXT-DECORATION: none
}
A.date:active {
	FONT-WEIGHT: bold; COLOR: #333399; TEXT-DECORATION: none
}
A.date:visited {
	FONT-WEIGHT: bold; COLOR: #333399; TEXT-DECORATION: none
}
A.date:hover {
	FONT-WEIGHT: bold; COLOR: #333399; TEXT-DECORATION: underline
}
A.calpref {
	FONT-SIZE: 10px; FONT-FAMILY:  Arial, Sans-Serif
}
.listing {
	BORDER-BOTTOM: white 2px solid; BACKGROUND-COLOR: #c4e0c4
}

.asterisk { 
	color: red; 
}

.boldClass { 
	font-weight: bold;
}


.promotableborder	{ 
	font-family:  Arial, Sans-Serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #BDBDBD; 
}

.promotablecontent	{ 
	background-color: #EFEFEF; 
	font-size: 12px; 
	font-family:  Arial, Sans-Serif; 
	font-weight: normal; 
	color: #000000; 
}

input.submitbutton	{
	background: url(https://secure.workopolis.com/recruiters/images/rd_submit.gif) no-repeat; 
	border-left: 0px; 
	border-right: 0px; 
	border-top: 0px; 
	border-bottom: 0px; 
	padding-left: 0px! important; 
	padding-right: 0px! important; 
	padding-top: 0px! important; 
	padding-bottom: 0px! important; 
	cursor: hand; 
	width: 100px; 
	height: 30px; 
}

.InputWidth	{ 
	width: 167px; 
}

.InputWidth2	{ 
	width: 192px; 
}
.vLine {
	background-image: url(../../../../../View/Theme/WhiteLabel/workopolis/images/v_line.gif);
	background-color: #9bc99b;
	background-repeat: repeat-y;
}
.titleText {
	font-size: 14px;
	font-weight: bolder;
}
.prog_complete 
{
	text-align: right;
	BACKGROUND-COLOR: #7B9B7C;
	color: White;	
}
.prog_incomplete 
{	
	text-align: right;
	BACKGROUND-COLOR: #C4E0C4;
	color:Gray;	
}
.marketingCopy {
	font-size: 12px;
	padding:15;
}

.rdbPreviewCopy {
    padding: 0 60px;
    font-size:16px;
}
.rdbPreviewRequired {
    padding:0 20px;
    font-weight:bold;
}
    
.valignMiddle {
	vertical-align:top;
}
.fontBlack {
	color:Black;
}

.divider1 {
    background-color: #c4e0c4; height: 2px;	width: 100%; margin-top:2px; overflow:hidden;
}
.divider2 {
 background-color: #9bc99b; height: 4px;	width: 100%; margin-top:2px; overflow:hidden;
}	

.divider3 {
    background-color: #c4e0c4; height: 2px;	width: 100%; margin-top:2px; margin-bottom:10px; overflow:hidden;
}
.adletsSpacing 
{
	margin-left: 10px;
	margin-right:10px;
}
	
.boldBlackWithNoUnderline
{
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: none
}

.clear {clear: both;}


/* Commmon Padding and Margin CSS classes*/
.pt5					{padding-top: 5px;}    
.pt10                   {padding-top: 10px;}    
.pb10                   {padding-bottom: 10px;}
.pt20                   {padding-top: 20px;} 
.pt30                   {padding-top: 30px;}  
.pl5                    {padding-left: 5px;}
.pl10					{padding-left: 10px;}
.p5						{padding:5px;}
.mt5                    {margin-top: 5px;}
.mb5                    {margin-bottom: 5px;}
.mt10                   {margin-top: 10px;}
.mb10                   {margin-bottom: 10px;}
.mt30                   {margin-top:30px;}


/* =HEADER
----------------------------------------------------- */ 
div.header /* Containing Logo and Header Ad Div */    
    {float: left; height: 84px;}   
div.logo /* Containing Logo Div */ 
    {position: absolute; left: 17px; top: 28px;}    
div.logo a img
    {border: 0px;}
           
div.headerAd /* Containing Header Ad Div */
    {position: absolute; right: 5px; top: 41px; padding: 0; }          
div.bldgSep 
    {display: none;}  
       
/* =HEADER NAVIGATION
----------------------------------------------------- */ 
div#headerNav /* Containing Header Nav Div */ 
    {padding: 0; width: auto; float: right; font-size: 10px; font-weight: bold;}
div#headerNav .spacer
    {padding: 0 8px;}      
div#headerNav ul /* Removes inherit ul elements */
    {padding: 0 3px; margin: 0; list-style: none; float: left; text-transform: uppercase;}
div#headerNav ul li  /* Styles the indivudual nav items  */
    {padding: 5px 0 14px; float: left;}   
div#topNav ul li a, div#headerNav ul li a, div#headerNav ul li a:visited 
    {text-decoration: none; font-weight: bold; font-family: Arial, Sans-Serif;}
div#headerNav ul li a:hover
    {text-decoration: underline;}     
div#headerNav ul.headerCallout    /*  Header Nav Call Out style */     
    {text-transform: none; padding: 0 14px 0 0; margin-left: 14px;}
div#headerNav ul.headerCallout li.first    
    {padding-left: 12px;}
a.bossPanic
    {padding: 1px 0 2px 40px; background: transparent url(../../../../../Images/Default/En/boss.png) no-repeat top left;}
a.bossPanicFr
    {padding: 1px 0 2px 45px; background: transparent url(../../../../../Images/Default/fr/bouton.png) no-repeat top left;}    
span.chatLive
    {padding: 1px 85px 2px 0px; background: transparent url(../../../../../Images/Default/En/chatLive.png) no-repeat top right;}   
span.chatLiveFr
    {padding: 1px 85px 2px 0px; background: transparent url(../../../../../Images/Default/Fr/chatLive.png) no-repeat top right;}
    


/* =TOP NAVIGATION
----------------------------------------------------- */ 
div#topNav /* Containing Top Nav Div */ 
    {width: 100%;}
div#topNav ul 
    {padding: 0; float: left; list-style:none; margin: 0; overflow: hidden;}
div#topNav ul li /* Styles the indivudual nav items */
    {padding: 0 0 0 3px; float: left; margin: 10px 2px 0 0; line-height: normal;}    
div#topNav ul li a
    {padding: 2px 10px 5px 7px; display: block; float: left; text-transform: uppercase; font-size: 11px; text-decoration: none; font-weight: bold;}    

/*  Top Nav Home Style */       
div#topNav ul li.topNavHome 
    {padding-left: 0px;}    
div#topNav ul li.topNavHome a
    {padding-left: 16px;}        
div#topNav ul li a:hover
    {text-decoration: underline;}

/* =FOOTER
----------------------------------------------------- */ 
#footerContainer
    {margin: 65px auto; text-align: center;}
#footerContainer ul
    {padding: 0; margin: 0 auto; list-style: none; display: inline;}
#footerContainer ul li
    {padding: 0; margin: 0; display: inline;}    
#footerContainer ul li a
    {display: inline; text-transform: uppercase; text-decoration: none; font-family: Arial;} 
#footerContainer ul li a:hover
    {text-decoration: underline;}    
#footerContainer .spacer
    {padding: 0 7px;}            
.disclaimer /* Sets the font size of the disclaimer text in the footer */
    {font-size: 10px; margin: 0 auto; font-family: Arial;}  
.textLeft /* A single paragraph in the footer needs to have the text be justified */
    {text-align: justify;}  
#footerContainer p
    {padding: 10px 0; clear: both; margin: 0;}   
    

/* =TEXT COLOURS
----------------------------------------------------- */ 
    
/* Header Navigation link colour */
div#headerNav ul li a, div#headerNav ul li a:visited, div#headerNav ul li a:hover,          
div#headerNav ul.headerCallout li a, div#headerNav ul.headerCallout li a:visited, div#headerNav ul.headerCallout li a:hover,
div#topNav ul li.selected a, div#topNav ul li.selected a:visited, div#topNav ul li.selected a:hover
    {color: #0f612c;}

#footerContainer ul li, #footerContainer ul li a        
    {color: #075f01;}

/* Top Navigation link colour */
div#topNav ul li a, div#topNav ul li a:visited, 
/* Top Navigation link hover colour */
div#topNav ul li a:hover,
div.moduleTitle H3         
    {color: #ffffff;}

ul.headerCallout span.spacer, #footerContainer p, div.jobViewBodyApply a.applyText   
    {color: #74c011 !important;}
   

/* =IMAGES BACKGROUND
----------------------------------------------------- */ 
/*  Header Background  */
#headerContainer
    {background: transparent url(../../../../../Images/Default/headerBg.png) no-repeat top right;}                

/*  Employer: Header Background  */
body.employer #headerContainer
    {background: transparent url(../../../../../Images/Default/headerEmpBg.png) no-repeat top right;}                               

/*  Header Nav Call Out style */
div#headerNav ul.headerCallout    
    {background: transparent url(../../../../../Images/Default/headerNavRight.png) no-repeat top right;}
div#headerNav ul.headerCallout li.first    
    {background: transparent url(../../../../../Images/Default/headerNavLeft.png) no-repeat top left;}

/*  Employer: Header Nav Call Out style  */
body.employer div#headerNav ul.headerCallout    
    {background: transparent url(../../../../../Images/Default/headerEmpNavRight.png) no-repeat top right;}
body.employer div#headerNav ul.headerCallout li.first    
    {background: transparent url(../../../../../Images/Default/headerEmpNavLeft.png) no-repeat top left;}

/* Top Nav Background  */
div#topNav ul li 
    {background: transparent url(../../../../../Images/Default/topNavLeft.gif) no-repeat top left;}        
div#topNav ul li a
    {background: transparent url(../../../../../Images/Default/topNavRight.gif) no-repeat top right;}      

/* Top Nav Employer Background */
body.employer div#topNav ul li, div#topNav ul li.topNavEmployer 
    {background: transparent url(../../../../../Images/Default/topNavLeftEmp.gif) no-repeat top left;}            
body.employer div#topNav ul li a, div#topNav ul li.topNavEmployer a
    {background: transparent url(../../../../../Images/Default/topNavRightEmp.gif) no-repeat top right;}  

/* Employer Top Nav Background */
div#topNav ul.empTopNav li a
    {background: transparent url(../../../../../Images/Default/empTopNavRight.png) no-repeat top right;}  
div#topNav ul.empTopNav li 
    {background: transparent url(../../../../../Images/Default/empTopNavLeft.png) no-repeat top left;}            

      
/* Top Nav Selected Background */    
div#topNav ul li.selected 
    {background: transparent url(../../../../../Images/Default/topNavLeftOn.png) no-repeat top left;}        
div#topNav ul li.selected a
    {background: transparent url(../../../../../Images/Default/topNavRightOn.png) no-repeat top right;}              

/* Footer Go Button */
/*  Blue Button With No Borders */
div.footerDD div.btnNoBord
    {color: #ffffff !important; background: #ffffff url(../../../../../Images/Default/btnBgNoBordL.gif) no-repeat left top;}          
div.footerDD div.btnNoBord a, div.footerDD div.btnNoBord a:hover, div.footerDD div.btnNoBord a:visited
    {color: #ffffff !important; background: #ffffff url(../../../../../Images/Default/btnBgNoBordR.gif) no-repeat right top;}          
#footerContainer select 
    {float:left; margin-right:10px; width: 210px;}    
div.btnNoBord 
    {margin-right:5px; padding-left:4px; text-align:center;}
div.btnNoBord a 
    {display:block; float:left; font-size:10px; font-weight:bold; height:20px; padding:1px 4px 0pt 0px; text-decoration:none; text-transform:uppercase; line-height: 16px;}    
#footerContainer .footerDD 
    {margin:0pt auto; width:285px;}    
.left
    {float: left;}    



/* =BACKGROUND COLOURS
----------------------------------------------------- */  
div#headerNav, div#topNav
    {background-color: transparent;}
   
/* Top Nav Home Background */
div#topNav ul li.topNavHome 
    {background: transparent none;}  
    
/* HIDES SUBMENU FOR EMPLOYER PAGES IN WORKOPOLIS.COM & WORKOPOLISCAMPUS.COM */
body.employer .WLSubmenu {display:none;}


/* PAGE SPECIFIC
----------------------------------------------------- */

div.siteMapSection
	{border-bottom:solid 4px #C4E0C4; padding-bottom:10px; margin:20px 0;}

/* LIQUID WIDTH JOB SEEKER PAGES
----------------------------------------------------- */
#MainBodyTable, #MainTable
	{width:100%;}

/* Fixed Width for Employer Pages
----------------------------------------------------- */

body.employer #MainBodyTable
	{width:955px; margin:0 auto !important;}
	
	
/* Begin: AutoComplete Styles -  */
.ac_results 
    {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul
    {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li 
    { margin: 0px; padding: 2px 5px; cursor: default; display: block;
    /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
    /*width: 100%;*/
    font: menu;font-size: 12px;
    /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
    line-height: 16px; overflow: hidden;}
.ac_loading 
    {background: white url('../../../../../Images/Default/icoAjaxWaitSm.gif') right center no-repeat;}
.ac_odd 
    {background-color: #F5F5F5;}
.ac_over 
    {background-color: #9BC99B;color: white;}
/* End: AutoComplete Styles */