html,
body {
	font-size: 10pt;
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	margin:0;
	padding:0;
	height:100%;
	text-align: center;
	background: url(../Images/bg.gif);
}
A
{
	color: #696969;
	text-decoration: underline;
}
A:hover
{
	text-decoration: underline;
}

#mainContainer {
	background: url(./Images/bg-content.gif) repeat;
	min-height:100%;
	margin: 0 auto;
	position:relative;
	width:900px;
	text-align: left;
}
#mainHeader {
	padding:0px;
}
#mainMenu{
	height: 34px;
	line-height: 34px;
	background: url(./Images/bg-menu-haut.gif) repeat-x left top; 
}
#mainContent {
	padding:0px;
	padding-bottom:34px;	/* Height of the footer */
}
#mainFooter {
	clear: both;
	position:absolute;
	bottom:0;
	width:100%;
	height:34px;			/* Height of the footer */
	background: url(../Images/bg-menu-bas.gif) repeat-x;
}

#menuContainer
{
	position:absolute;
	top: 125px;
	padding: 0;
	margin: 0;
	/* background: whitesmoke;  */

	width:200px;
}
#textContainer
{
	margin-left: 205px;
	width: 695px;
	
}
#mainFooterLeft
{
	line-height:34px;
	margin: 0 0 0 10px;
	float:left;	text-align: left;
	clear:right;
}
#mainFooterRight
{
}

#mainFooterRightImage
{
	float: right;
	vertical-align: middle;
}
#mainFooterRightText
{
	line-height:34px;
	float: right;
	vertical-align: middle;
}

.whiteBody
{
	text-align: left;
	background: #fff;
}


/* Headers */

.header
{
	padding: 5px 5px 0px 5px;
	width: 690px;
	height: 24px;
}
/* reduced-size content page */
.header2
{
	
	padding: 5px;
	width: 510px;
	height: 24px;
}
.headerLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog5-left.gif);
}
.headerCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/bg-dialog5.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
/* reduced-size content page */
.headerCenter2
{
 	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 450px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/bg-dialog2.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog5-right.gif);
}


.headerYellowLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-yellow-left.gif);
}
.headerYellowCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/dialog-yellow-center.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerYellowRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-yellow-right.gif);
}

.headerGreenLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Green-left.gif);
}
.headerGreenCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/dialog-Green-center.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerGreenRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Green-right.gif);
}

.headerRedLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Red-left.gif);
}
.headerRedCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/dialog-Red-center.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerRedRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Red-right.gif);
}

.headerBlueLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Blue-left.gif);
}
.headerBlueCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/dialog-Blue-center.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerBlueRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Blue-right.gif);
}

.headerPurpleLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Purple-left.gif);
}
.headerPurpleCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/dialog-Purple-center.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerPurpleRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Purple-right.gif);
}

.headerBrownLeft
{
	float: left;
	text-align: center;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Brown-left.gif);
}
.headerBrownCenter
{
	text-align: left;
	line-height: 18pt;
	float: left;
	padding-left: 5px;
	width: 630px;
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(images/dialog-Brown-center.gif);
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	background-color: #e6e6e6;
	text-decoration: none;
}
.headerBrownRight
{
	float: left;
	line-height: 18pt;
	width: 24px;
	height: 24px;
	background-image: url(images/dialog-Brown-right.gif);
}

/*  Generic content styles */
.content
{	
	font-size: 10pt;
	text-align: justify;
}

.content a
{	
	color: #0066cc;
}

.content a:hover
{
	text-decoration: underline;
}

.smallBold
{
	font-weight: bold;
	font-size: 7pt;
	color: 696969;
}

.question
{
	font-weight: bold;
	color: #a9a9a9;
}
.answer
{
	
}

.qNote
{
	text-align:  justify;
	font-style: italic;
	font-weight: normal;
}
.qBold
{
	font-size: 10pt;
	text-align:  justify;
	font-style: normal;
	font-weight:  bolder;
}
/*  News  */
.contentNews
{
	font-weight: bold;
}
.contentNews a
{
	text-decoration: none;
}

.contentNews a:hover
{
	text-decoration: underline;

}
.contentNewsDate
{
	font-size: 8pt;
	color: #a9a9a9;
	font-family: Verdana, Arial, Helvetica;
}

.contentTitle
{
	font-size: 10pt;
	font-weight: bold;
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
}
div.content 
{
	font-size: 10pt;
	text-align: justify;
	padding: 5px;
	width: 680px;
	background: #fff;
}

div.content2
{
	text-align: justify;
	padding: 5px;
	width: 490px;
	height: 100%;
	min-height: 300px;
	
}
div.contentWithBackground
{
	text-align: justify;
	padding: 5px;
	width: 675px;
	min-height: 300px;
	height: auto;
	background-color: #fff;
	background: url(images/vjcform-fieldset2.jpg) left top repeat-x;

}


.contentImage{
	position:absolute;
	left: 710px;
	top: 174px;
	padding: 0;
	margin: 0;
}

.contentImageNews{
	position:absolute;
	left: 700px;
	top: 180px;
	padding: 0;
	margin: 0;
}
.contentContainer{

}

.bannerBorder
{
 border-style: solid;
 border-width: 1px;
 border-color: #CCCCCC;
}
.bannerTitle
{
	font-size: 10pt;
	font-weight: bold;
	color: #CDCDCD;
}

.bannerText
{
	font-size: 10pt;
	font-weight: normal;
	color: #696969;
}
.bannerItem
{
	font-weight: bold;
	font-size: 12pt;
	color: 696969;
}

.bannerItem2
{
	font-weight: bold;
	font-size: 10pt;
	color: 696969;
}

#bannerChoices {
	height: 20px;
	margin: 2px 0; padding:0 2px;
	}

div.bannerItem {
	float: left;
	width: 450px; height: 20px;
	margin: 0 3px 0 0;
	/*background: url( 'images/intro-arrow.gif') 0 -20px no-repeat;*/
	}

div.bannerItem a {
	display: block;
	margin: 0; padding: 1px 0 0 20px;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/intro-arrow.gif' ) top left no-repeat;
	}
div.bannerItem span {
	display: block;
	margin:0; padding: 1px 0 0 20px;
	}

div.bannerItem a:hover {
	/*background-image: none;*/
	text-decoration: underline;
	background: url( 'images/intro-arrow.gif' ) 0 -20px no-repeat;

	}
	
/*  Left Menu Styles */
.menuOn
{
	font-weight: bold;
	font-size: 10pt;
	color: #4d4646;
	background-color: #dcdcdc;
}
.menuOptOn
{
	font-weight: bold;
	font-size: 8pt;
	color: #4d4646;
	background-color: #EB645B;
}
.menuOff
{
	font-size: 10pt;
	color: #4d4646;
	background-color: #f5f5f5;
}
.menuExpand
{
	font-size: 8pt;
	color: #4d4646;
	background-color: #EAEAEA;
}
.menuOptExpand
{
	font-size: 8pt;
	color: #4d4646;
	background-color: #cccccc;
}

/* Error display style */
.error1
{
	font-weight: bold;
	color: red;
}
.error2
{
	font-size: larger;
	font-weight: bold;
	color: red;
}
.error3
{
	font-size: 7pt;
	font-weight: normal;
	color: red;
}
.errorSummary
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
}

/*  profession popup style */
.professionLinked
{
	font-size: 7pt;
	text-decoration: none;
}
.professionLinkedItem
{
	font-size: 8pt;
	color: darkgray;
}

/*  Notes  */
.notesLink
{
	font-size: 7pt;
	text-decoration: none;
}
.notesItem
{
	font-size: 8pt;
	color: dimgray;
}

/* GRID LAYOUT */
.gridHeader
{
	border: 1px solid #dcdcdc;
	color: #4d4646;
	background-color: #dcdcdc;
}
.gridHeader td
{
	border: 1px solid #dcdcdc;
	font-weight:bold;
	font-size:10pt;
}
.gridItem
{
	border: 1px solid #dcdcdc;
	cursor:hand;
}
.gridItem td
{
	border: 1px solid #dcdcdc;
	font-size:10pt;
}

/* Paging font */
.paging td
{
	border: 1px solid #dcdcdc;
	text-align:center;
	text-decoration:none;
		font-size:14pt;

}

/* login related */
.identity
{
	font-size: 8pt;
	color: #4d4646;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	text-align: left;

}
.identity a
{
	text-decoration: none;
	text-align: left;
}

.identity a:hover
{
	text-decoration: underline;
	text-align: left;
}

#leftSmall {
    float:left;
    width:40px;
    padding-top: 10px;
    padding-bottom: 15px;
    }
#leftLarge {
    float:left;
    width:620px;
    padding-top: 10px;
    padding-bottom: 15px;
    }
 
.jobsContainerHeader
{
	overflow: auto;
	text-align: left;
	font-size: 8pt;
	margin-bottom: 10px;
	width: 685px;
	background-color: #f7f7f7;
} 
 .jobsContainer
{
	overflow: auto;
	width: 685px;
	text-align:left;
	background: #fff;
	border: #fff 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;	
} 
.jobsContainer:hover
{
	border: #e6e6e6 1px solid;
}


 .jobsContainerAlternate
{
	overflow: auto;
	width: 685px;
	text-align:left;
	background: #f1f1f1;
	border: #fff 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;	
} 
.jobsContainerAlternate:hover
{
	border: #e6e6e6 1px solid;
}

   
.jobsIcons
{
	float: left;
	width: 40px;
}

.jobListCol300
{
	display:inline-block;
	padding-right: 5px;
	width: 300px;
	float:left;
	height:auto;
}
.jobListCol500
{
	display:inline-block;
	padding-right: 5px;
	width: 500px;
	float:left;
	height:auto;
}
.jobListCol100
{
	width: 100px;
	float:left;
	height:auto;
}
.jobListDatePublish
{
	float:left;
	width: 100px;
	height:auto;
}
.jobListCol70
{
	width: 70px;
	float:left;
	height:auto;
}


.jobsCats 
{
	padding-top: 5px;
	width:600px;
    height: 50px;
    }

.jobsSummary
{
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 40px;
	width:600px;
    height: auto;
    }
.joblabel
{
	margin-top: 20px;
	text-align: left;
	color: #828282;
}

.jobsmallnote
{
	margin-left: 20px;
	text-align: left;
	color: #828282;
	font-size: xx-small;
}

.jobtextblock
{
	text-align: left;
	border-top: solid 1px #dcdcdc;
}

.jobsubsection
{
	margin-left:30px;
	border: solid 1px #dcdcdc;
	margin-top: 10px;
	margin-bottom: 10px;
}
.jobdate
{
	text-align: left;
	border-top: solid 1px #dcdcdc;
}
.jobtextblock li
{
	text-align: left;
	font-weight: normal;
	list-style-type: circle ;
	list-style-position: inside;
}


.jobtitle
{
	font-weight: bold;	
	color: #DA2419;
	font-size: 12pt;
	padding-top: 10px;
	padding-bottom: 10px;
}

#noteIcon 
{
    float:left;
    width:40px;
    padding-top: 10px;
    padding-bottom: 15px;
    }
#noteText 
{
    width:420px;
	margin: 1px;
    padding-top: 10px;
    padding-bottom: 15px;
    }

.msgOptions
{
	width: 690px;
	height: 50px;
	/* border:1px solid #000;*/
}    
.msgOptionsItem 
{
	text-align:center;
	float: left;
    width:170px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
.msgOptionsItemOn
{
	text-align:center;
	font-weight: bold;
	float: left;
	padding-bottom: 5px;
	width: 172px;
	padding-top: 5px;
	background-color: whitesmoke;
}

.msgRead
{
	/* border:1px solid #000; */
	width: 690px;
	height: auto;
} 
   
.msgReadCol1
{
	text-align:right;
	font-weight: bold;
	float: left;
    width:100px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.msgReadCol2
{
	margin-left: 105px;
	text-align:left;
    width:420px;
    padding-top: 5px;
    padding-bottom: 5px;
    
}
.msgContent
{
	width: 440px;
	margin-left: 105px;
	margin-top: 5px;
	background-color: whitesmoke;
	padding-top: 15px;
    padding-bottom: 15px;
	border:1px solid #cccccc;
}

.msgThreadContent
{
	width: 600px;
	margin-top: 5px;
	background-color: whitesmoke;
	padding-top: 15px;
    padding-bottom: 15px;
	border:1px solid #cccccc;
}


.dash
{
	width: 690;
	height: auto;
	min-height: 42px	
} 
   
.dashCol1
{
	font-size: 10pt;
	text-align:left;
	font-weight: bold;
	float: left;
    width:210px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dashCol2
{
	font-size: 10pt;
	width: 400px;
	margin-left: 215px;
	margin-top: 0px;
	padding-top: 5px;
    padding-bottom: 15px;
}

/* Employer Dashboard */
.dashEmpCol1
{
	font-size: 10pt;
	text-align:left;
	font-weight: bold;
	float: left;
    width:310px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Employer Dashboard */
.dashEmpCol2
{
	font-size: 10pt;
	width: 200px;
	margin-left: 215px;
	margin-top: 0px;
	padding-top: 5px;
    padding-bottom: 15px;
}

/* Generic data result with 2 columns */
.dataList
{
	width: 670px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 5px;
    padding-bottom: 15px;
}

/* Data result column 1 */
.dataCol1
{
	float: left;
    width:40px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
}

/* Data result column 2 */
.dataCol2
{
	width: 550px;
	margin-left: 50px;
	margin-top: 0px;
	padding-top: 5px;
    padding-bottom: 15px;
}

/* member subscribe lang speciality table */
.tdLang
{
	text-align: center;
}

.tdLangAlt
{
	text-align:center;
}

.tdSpacer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: lightgrey;
}

.legend
{
	border-right: #dcdcdc thin solid;
	border-top: #dcdcdc thin solid;
	margin: 0px;
	border-left: #dcdcdc thin solid;
	width: 400px;
	border-bottom: #dcdcdc thin solid;
	border-collapse: collapse;
	background-color: #f5f5f5;
	border-spacing: 0px;
}

.tooltip
{
	text-decoration: underline;
}

.tooltip_content
{
text-align: justify;	
}

.separator
{
	font-size: 10pt;
	font-family: MS Sans Serif;
}

.listbox
{
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.listItem
{
	font-weight: bold;
	font-size: 10pt;
	color: #696969;
}
.warningbox
{
	margin-left: 10px;
	margin-top: 5px;
	background-color: whitesmoke;
	padding-top: 15px;
    padding-bottom: 15px;
	border:1px solid #cccccc;
}
.messagebox
{
	text-align: justify;
	margin-left: 5px;
	margin-top: 5px;
	background-color: whitesmoke;
	padding: 10 10 10 10;
	border:1px solid #cccccc;
}
.messagebox2
{
	width: 640px;
	text-align: justify;
	margin-left: 5px;
	margin-top: 5px;
	background-color: whitesmoke;

	padding: 15px;
	border:1px solid #cccccc;
}
.smallOption
{
color: #696969;	
font-size: 8pt;
}


table.contacts
{
	width: 680px;
	border-collapse: collapse;
	background-color: #fafafa;
	border-spacing: 0px;
}


td.contactHeader
{
	height: 24px;
	font-weight: bold;
	font-size: 10pt;
	background: url(images/bg-dialog5.gif) repeat-x left top;
	color: #404040;
}

td.contact
{
	padding-right: 0px;
	padding-left: 8px;
	font-weight: normal;
	font-size: 10pt;
	padding-bottom: 4px;
	color: #404040;
	padding-top: 4px;
	border-bottom: #d3d3d3 1px dotted;
	font-family: Verdana, sans-serif, Arial;
	background-color: #fff;
	text-align: left;
}

.sectionTitle
{
	font-weight: bold;	
	color: #DA2419;
}

.section
{
	min-height: 150px;
	border: none;
	border-top: 1px solid #a5b4c0;
	text-align: justify;
	padding: 5px;
	width: 680px;
	height: auto;
	background-color: #fff;
	background: url(images/vjcform-fieldset2.gif) left top repeat-x;
}

.divcenter
{
	text-align: center;
}