/* ******************************************************************** */
/* COLOR classes for headings, caption, etc.                            */
/* ******************************************************************** */

div.center h3 { color: #363; } /* GREEN */
div.center h4 { color: #630; } /* BROWN */
div.center h5 { color: #036; } /* BLUE  */
div.center h6 { color: #366; } /* GREEN lighter*/

div.featInv h3 { color: #039; } /* BLUE darker */

table caption 
{ 
	font-style: normal;
	font-size: 10.0pt;
	color: #933; 			    /* BROWN lighter */
}

table caption strong { color: #000; }

.lightYellowBG { background-color: #FFFFCC; }
.lightBlueBG   { background-color: #ddeeff; }
.lightRedBG    { background-color: #FFCCCC; }

.factSheet 
{
	padding: 5px;
	margin-left: 25px; 
	margin-right: 25px;
	background-color: #ddeeff;
	color: #000;
	border: 1px solid #000;
	font-style: normal;
}

/* ******************************************************************** */
/* MISCELLANEOUS classes												*/
/* ******************************************************************** */

.bold {	font-weight: bold; }

p.footnote { font-size: 85%; color: #000000; font-style: normal; }

.blackBorder, .box
{
	border: 1px solid #000;
}

table.annReport {
	border: thin solid Black;
	border-collapse : collapse;
}

div.imageCaption {
	font-weight: bold;
	font-size: 10.0pt;
	color: #933;
	padding-top: 10px;
}

/* ******************************************************************** */
/* Classes for non-tabular data (simulating tables with/without borders */
/* ******************************************************************** */

.borderTop 	   		{ border-top: #000000 1px solid; }
.borderBottom  		{ border-bottom: #000000 1px solid; }
.borderLeft    		{ border-left: #000000 1px solid; }
.borderRight   		{ border-right: #000000 1px solid; }

.borderTopThick 	{ border-top: #000000 2px solid; }
.borderBottomThick  { border-bottom: #000000 2px solid; }
.borderLeftThick    { border-left: #000000 2px solid; }
.borderRightThick   { border-right: #000000 2px solid; }

.borderTopNone		{ border-top-style: none; }
.borderBottomNone	{ border-bottom-style: none; }
.borderLeftNone		{ border-left-style: none; }
.borderRightNone	{ border-right-style: none; }
	
.docFormats 
{
	border: #f5f5f5 1px solid; 
	color: #000;
	background-color: #CDE0F6;
}

div.boxmultirow 
{
	border-right: #000000 1px solid; 
	border-top: #000000 1px solid; 
	margin: 1px; 
	border-left: #000000 1px solid; 
	border-bottom: #000000 1px solid;
}

div.row 
{
	padding: 0px; 
	margin: 0px; 
	overflow: hidden; 
	width: 98.5%; 
}

div.col
{
 	padding: 3px 3px 3px 3px;
	overflow: hidden; 
}

div.cols2 
{
	padding: 0px;
	float: left; 
	margin: 0px 3px 0px 0px; 
	width: 49%; 
}

div.cols3 
{
	padding: 0px;
	float: left; 
	margin: 0px 3px 0px 0px;
	width: 32%; 
}

div.colnopad
{
 	padding: 0px 0px 0px 0px;
	overflow: hidden; 
}

/* ****************************************************************** */
/* LIST classes with spaces, no spaces, no bullets, no indent         */
/* ****************************************************************** */

ol.space li { margin-top: 20px; margin-bottom: 20px; }
ul.space li { margin-top: 20px; margin-bottom: 20px; }

ul.noIndent { padding-left: 9px; margin-left: 10px; }
ol.noIndent { padding-left: 18px; margin-left: 10px; }

ul.noBulletnoIndent 
{
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}

ul.space ul.noSpace li /* No space when inside a spaced level */
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ol.space ol.noSpace li /* No space when inside a spaced level */
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.space ol.noSpace li /* No space for OL items when inside a spaced UL list */
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ol.space ul.noSpace li /* No space for UL items when inside a spaced OL list */
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.noPadSpace {
	padding-top: 0px;
	margin-top: 0px;
}

/* ****************************************************************** */
/* MARGIN classes for spaces around the outside of a box, table, etc. */
/* ****************************************************************** */

.margin1 { margin: 1px; }
.margin2 { margin: 2px; }
.margin3 { margin: 3px; }
.margin4 { margin: 4px; }
.margin5 { margin: 5px; }
.margin8 { margin: 8px; }

.margin10 { margin: 10px; }
.margin12 { margin: 12px; }
.margin15 { margin: 15px; }
.margin16 { margin: 16px; }
.margin20 { margin: 20px; }
.margin40 { margin: 40px; }

.marginTop1 { margin-top: 1px; }
.marginTop2 { margin-top: 2px; }
.marginTop3 { margin-top: 3px; }
.marginTop4 { margin-top: 4px; }
.marginTop5 { margin-top: 5px; }
.marginTop8 { margin-top: 8px; }

.marginTop12 { margin-top: 12px; }
.marginTop16 { margin-top: 16px; }
.marginTop20 { margin-top: 20px; }

.marginBottom1 { margin-bottom: 1px; }
.marginBottom2 { margin-bottom: 2px; }
.marginBottom3 { margin-bottom: 3px; }
.marginBottom4 { margin-bottom: 4px; }
.marginBottom5 { margin-bottom: 5px; }
.marginBottom8 { margin-bottom: 8px; }

.marginBottom12 { margin-bottom: 12px; }
.marginBottom16 { margin-bottom: 16px; }
.marginBottom20 { margin-bottom: 20px; }

/* **************************************************** */
/* PADDING classes for spaces inside a box, table, etc. */
/* **************************************************** */

.padding1 { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; }
.padding2 { padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; }
.padding3 { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; }
.padding4 { padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; }
.padding5 { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }
.padding6 { padding-right: 6px; padding-left: 6px; padding-bottom: 6px; padding-top: 6px; }
.padding7 { padding-right: 7px; padding-left: 7px; padding-bottom: 7px; padding-top: 7px; }
.padding8 { padding-right: 8px; padding-left: 8px; padding-bottom: 8px; padding-top: 8px; }
.padding9 { padding-right: 9px; padding-left: 9px; padding-bottom: 9px; padding-top: 9px; }

.padding12 { padding-right: 12px; padding-left: 12px; padding-bottom: 12px; padding-top: 12px; }
.padding16 { padding-right: 16px; padding-left: 16px; padding-bottom: 16px; padding-top: 16px; }
.padding20 { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; padding-top: 20px; }
.padding20 { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; padding-top: 20px; }

.paddingTop1 { padding-top: 1px; }
.paddingTop2 { padding-top: 2px; }
.paddingTop3 { padding-top: 3px; }
.paddingTop4 { padding-top: 4px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop6 { padding-top: 6px; }
.paddingTop7 { padding-top: 7px; }
.paddingTop8 { padding-top: 8px; }

.paddingTop12 { padding-top: 12px; }
.paddingTop16 { padding-top: 16px; }
.paddingTop20 { padding-top: 20px; }

.paddingBottom1 { padding-bottom: 1px; }
.paddingBottom2 { padding-bottom: 2px; }
.paddingBottom3 { padding-bottom: 3px; }
.paddingBottom4 { padding-bottom: 4px; }
.paddingBottom5 { padding-bottom: 5px; }
.paddingBottom6 { padding-bottom: 6px; }
.paddingBottom7 { padding-bottom: 7px; }
.paddingBottom8 { padding-bottom: 8px; }

.paddingBottom12 { padding-bottom: 12px; }
.paddingBottom16 { padding-bottom: 16px; }
.paddingBottom20 { padding-bottom: 20px; }

.paddingLeft1 { padding-left: 1px; }
.paddingLeft2 { padding-left: 2px; }
.paddingLeft3 { padding-left: 3px; }
.paddingLeft4 { padding-left: 4px; }
.paddingLeft5 { padding-left: 5px; }
.paddingLeft6 { padding-left: 6px; }
.paddingLeft7 { padding-left: 7px; }
.paddingLeft8 { padding-left: 8px; }

.paddingLeft12 { padding-left: 12px; }
.paddingLeft16 { padding-left: 16px; }
.paddingLeft20 { padding-left: 20px; }
.paddingLeft50 { padding-left: 50px; }

.paddingRight1 { padding-right: 1px; }
.paddingRight2 { padding-right: 2px; }
.paddingRight3 { padding-right: 3px; }
.paddingRight4 { padding-right: 4px; }
.paddingRight5 { padding-right: 5px; }
.paddingRight6 { padding-right: 6px; }
.paddingRight7 { padding-right: 7px; }
.paddingRight8 { padding-right: 8px; }

.paddingRight12 { padding-right: 12px; }
.paddingRight16 { padding-right: 16px; }
.paddingRight20 { padding-right: 20px; }
.paddingRight50 { padding-right: 50px; }

/* **************************************************** */
/* HIGHLIGHT Box and Content containers                 */
/* **************************************************** */

div.highlightBox {
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 10px;
}

div.highlightContent {
	border: 1px solid #000;
	background-color: #CCCCCC;
	padding: 5px;
}

/* **************************************************** */
/* Regular Blockquote                                   */
/* **************************************************** */

blockquote.quote {
	margin: 10px 40px;
	padding: 0px 20px;
	background-color: #FFFFFF;
	border: none;
}

/* **************************************************** */
/* Stats Tables                                         */
/* **************************************************** */

div.stats{
	margin : 10px;
	padding-top : 5%;
	line-height : 150%;
}

/* **************************************************** */
/* Tabbed browsing                                      */
/* **************************************************** */

#tab-container a { outline: none; color:#FFF; text-decoration: none; }
#tab-container .panel-container a { outline: none; color:#000; text-decoration: none; font-weight:bold; }
#tab-container .active { background: #000; }
#tab-container .bg1 { background-image: url(../eng/recrutement-recruitment/images/mosaic.jpg); }
#tab-container .panel-container .displayed  { display:block; }

#tab-container-2 a { outline: none; color:#FFF; text-decoration: none; }
#tab-container-2 .panel-container a { outline: none; color:#000; text-decoration: underline; font-weight:bold; }
#tab-container-2 .active { background: #000; }
#tab-container-2 .bg1 { background-image: url(../eng/recrutement-recruitment/images/mosaic.jpg); }
#tab-container-2 .bg2 { background-image: url(../eng/recrutement-recruitment/images/mosaic2.jpg); }
#tab-container-2 .bg3 { background-image: url(../eng/recrutement-recruitment/images/mosaic3.jpg); }
#tab-container-2 .bg4 { background-image: url(../eng/recrutement-recruitment/images/mosaic4.jpg); }

#tab-container-3 { border: solid 1px; height: 330px; width: 525px;}
#tab-container-3 ul {  list-style: none; margin: 0; padding: 0; background: #039; float: left; border-right: solid 1px; }
#tab-container-3 ul li { width: 100px; margin: 0; padding: 0; text-align: center; }
#tab-container-3 ul li a { display: block; padding: 5px 0; outline: none;  color: #FFF; }
#tab-container-3 ul li a:hover { text-decoration: underline; }
#tab-container-3 ul li.selected-tab { background: #fff; position: relative; left: 1px; border-style: solid; border-width: 1px 0; }
#tab-container-3 ul li:first-child.selected-tab { border-top: none; }
#tab-container-3 ul li a.selected-tab { font-weight: bold; text-decoration: none; color: #000; }
#tab-container-3 .panel-container { padding-top: 5px; }
#tab-container-3 .panel-container .displayed { display: inline-block; }

.lineDIV {
	display: inline;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #000;
	background-color: #039;
	font-size: 100%;
	font-weight: bold;
}

.outputDIV {
	display: none;
	padding: 5px;
	padding-top: 20px;
	margin-top: 5px;
	border:1px solid #000;
	
}

.hideUnused {
	display: none;	
}

/* **************************************************** */
/* Expand/Hide Content                                  */
/* **************************************************** */

.fit_header {
	background-color:#039;
	margin: 0px;
	padding: 4px;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px dotted white;
	color: #FFF;
	
	background-image:url(../eng/recrutement-recruitment/images/arrow-down.gif);
  	background-repeat:no-repeat;
  	background-position:98% 50%
}

.fit_content {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 5px;
  border:1px solid #000;
}

/* **************************************************** */
/* Google Map                                           */
/* **************************************************** */

#map {
	width: 100%;
	height: 350px;
	border:1px solid #000;
}

/* **************************************************** */
/* Promo Video                                          */
/* **************************************************** */

#videoBox {
	background-color:#039;
	margin: 0px;
	padding: 4px;
	font-size: 100%;
	font-weight: bold;
	border-top: 1px dotted white;
	border-bottom: 1px dotted white;
	color: #FFF;
}

#videoBox a { color:#FFF; text-decoration: none; }

/* **************************************************** */
/* Stylized HR                                          */
/* **************************************************** */

.hrRecLarge { height: 6px; background-image: url(../eng/recrutement-recruitment/images/hr1.jpg); background-repeat: no-repeat; }

.hrRecSmall { height: 4px; background-image: url(../eng/recrutement-recruitment/images/hr2.jpg); background-repeat: no-repeat; padding-top: 5px; padding-bottom: 5px; }

hr.thinline {
	border: none 0;
	border-top: 1px dotted #000;
	height: 1px;
}

/* **************************************************** */
/* Header 3 Recruitment                                 */
/* **************************************************** */

div.recruitHeaders h3 { color: #949473; }

/* **************************************************** */
/* Rss page alternating background                      */
/* **************************************************** */

div.rssBox {
	background-color: #F3F3E9;
}

/* **************************************************** */
/* Italiced boilerplate info                            */
/* **************************************************** */

div.boilerplate {
	margin-top: 10px;
	margin-bottom: 10px;
	/* color: #FFF; */
	font-style: italic;
}

/* **************************************************** */
/* Alternating table row shading                        */
/* **************************************************** */

.rowShade {
	background-color: #d8d8d8;
}

/* **************************************************** */
/* Text decoration none                                 */
/* **************************************************** */

.clearTextDeco {
	font-style:normal
}

/* **************************************************** */
/* Proactive Disclosure Table headings  (MD)                */
/* **************************************************** */

.lightBrunBG { background-color: #F3F3E9; }
.borderThick { border-style: solid; border-width: thin;}

/*******************************************************/
/*	For Keyboard Accessibility guidelines 			   */
/*	                                     			   */
/*	Underline the corresponding accesskey letter	   */
/*	in a hyperlink caption or label.       			   */
/*******************************************************/
span.underline { text-decoration: underline; }