/*---------GLOBAL header--------- */
#globalMenu{height: 16px; background-color: #3366FF; border-bottom: 1px solid #DDD; text-align: left; font-weight: bold;}
.globalTextSize { font-size: 1.3em; padding: 0px 0px 0px 10px; color: #fff;}

/*---------Common elements to GLOBAL and DEPARTMENT header--------- */
.menuTop {float: right; height: 16px; padding: 0px 10px; border-left: 1px solid #fff;}
#lineShadow{height: 4px; background-image: url(./bgdshad1.gif);}

/*---------NEW elements to create an action bar on PUBL site--------- */
.menuAction {margin-bottom: 10px; overflow: hidden; width:100%;}
.button {float: left; padding: 2px 5px 4px 5px; margin: 4px 5px 1px 0px;  background-color: #F9EFBE; border: 1px solid #ccc;}
.menuActionLeft {float: left; margin-bottom: 10px;}

/*---------GLOBAL: language selectors, additional menu on top ---------*/
#supplementMenu {clear: both; padding: 5px 0px 5px 0px;} 
#addMenu {float: right;}
#language {font-weight: bold;}

/*---------Common elements to GLOBAL and DEPARTMENT: bread crumb, last update and footer ---------*/
#footer {text-align : center; padding : 3px 5px 5px 5px ; border-top: 4px solid #003399;}

/*---------Secondary grid strucure: 2 columns, 3 columns ---------*/
.twoCols {width:99%; border-bottom: 10px solid #fff; /*overflow: hidden;*/}
.twoCols100 {width:100%; margin-bottom: 0px; overflow: hidden;}

.twoColsRight25 {width : 27%; float:right; }
.twoColsLeft75 {width : 99%; }

.twoColsRight50 {width : 50%; float:right; }
.twoColsLeft50 {width : 100%; max-width: 50%; }

.boxRight {margin: 0px 10px 10px 6%;}
.boxLeft {margin: 0px 2% 10px 10px;}
.boxLeft1 {margin: 0px 2% 10px 0px;}/*Box left with no left margin*/

.maxWidth75 {max-width: 73%;}
.maxWidth50 {max-width: 50%;}

.spaceCol {margin-left: 2%; margin-right: 3%;} /* it could be 3% and 4%*/

.newsBox img, .featureMultiple img, .list img, .image img, .invisible img {border: 1px solid #bbb; background-color: #FFF;}
/*the featureSingle has the borderBox in the code and not not in the CSS*/

/*----------------selctors to align object on left and right, used for images and text-------------*/
.floatLeft {float : left;	margin : 0px 8px 0px 0px;}
.floatRight {float : right;	margin : 0px 0px 0px 8px;}

img {border: none;}
.borderBox {border: 1px solid #bbb; background-color: #FFF;}
.facetNavigation {border: 1px solid #bbb; margin-bottom: 15px;}
.borderBoxLight {border: 1px solid #CCC;}
.frame {border: 1px solid #CCC; background-color: #FFF;  padding: 5px;}
.image {border: 1px solid #CCC; background-color: #F0F0EB; margin-bottom: 15px; padding: 5px;}

.relatedLinks li.borderBox, .quickLinks li .borderBox, .featureMultiple li .borderBox,  .list li .borderBox,  .newsBox li .borderBox, .boxLeftTwoCols .borderBox, .boxRightTwoCols .borderBox, .boxHome .borderBox, .boxContent .borderBox, .boxHome1 li .borderBox,  .boxHomeFeature li .borderBox,  .boxLeft50 li .borderBox,  .relatedLinks .borderBox, .boxHomeAdver .borderBox {border: none;}

/*----------------Standard font face and dimension for P and H selectors-------------*/
body { margin: 0px 15px; font: 0.7em/1.3em Verdana, Arial, Helvetica, Geneva, sans-serif; color:#555; }
p {margin:  0px 0px 1.3em 0px;}
.large {font-size: 1.2em; line-height: 1.4em;} /*used as class for <p> to have larger font size*/
.largeStrong {font-size: 1.2em; line-height: 1.4em; font-weight: bold;} /*used as class for links to have larger font size*/

/*----------------Classes for form fields-------------*/
form {margin : 0 0 0 0;}
input {	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	font-size: 8pt; margin : 3px 0px 0px;}
input.search, input.search1 {width: 100px; margin-right : 2px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 8pt;}
input.search1 {width: 150px;}
input.butt {background-color: #F5F5F5; color: #000;  font-weight: bold; font-size: 11px; width : 20px;}

/*----------------Classes to design horizontal lines to be used within <p> <ul> <ol>-------------*/
.lineTop {border-top: 1px solid #ccc; margin-top : 6px; padding-top: 3px;}

/*----------------Classes for aligning contents used within <p> <ul> <ol> -------------*/
.center {text-align : center;}
.right {text-align : right;}

/*----------------Standard font face and dimension for P and H selectors-------------*/
.noEmptyLine { margin-bottom: 0px;} /*used as class for <p> for not having enpty line*/

/*----------------Classes to color font-------------*/
.white {color: #FFF;}

/*----------------Selectors for hierarchical list (OL) and unordered list (UL)-------------*/
ol,ul {margin: 0px 0px 0px 0px; padding-left: 0px; padding-right: 0px;  list-style-type : none;}
li {margin-top :0px; margin-bottom :3px;}

/*----------------selectors for composing bullet list in the TEXT area (valid also for LIST area)-------------*/
/*----------------selctors to specify different type of unordered list (UL) and title for grouping-------------*/
ul.square, ul.disc, ul.circle, ul.nu  {margin-bottom:  1.3em;}
ul.square li  {list-style: square; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.circle li  {list-style: circle; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.noSpace li  {margin-bottom: 4px;} /*It is used for spacing items (li) in any type of list excluding the left menu*/

/*----------------Links formattimg-------------*/
/*Default underlined*/
A:link, A:active {color: #0033cc; text-decoration: none; border-bottom: dashed #999 1px;}
A:visited {	color: #993300;	text-decoration: none; border-bottom: dashed #999 1px;}
A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

A.none:link, A.none:visited, A.none:active {text-decoration: none; color: #0033cc; border-bottom: none;}
A.none:hover {color: #993300; text-decoration: none; border-bottom: none;}

A.white:link, A.white:visited, A.white:active {color: #FFF; text-decoration: none; border-bottom: none;}
A.white:hover {color: #F9EFBE; text-decoration: underline; border-bottom: none;}

A.blue:link, A.blue:visited, A.blue:active {color: #0033cc; text-decoration: none; border-bottom: none;}
A.blue:hover {color: #993300; text-decoration: underline;}

A.gray:link, A.gray:visited, A.gray:active {color: #666; text-decoration: none;  border-bottom: none;}
A.gray:hover {color: #993300; text-decoration: underline;}

A.red:link, A.red:visited, A.red:active {color: #993300; text-decoration: none;  border-bottom: none;}
A.red:hover {color: #993300; text-decoration: underline;}

A.pdf:link, A.pdf:active {color: #999966; text-decoration: underline; border-bottom: none;}
A.pdf:visited {color: #993300; text-decoration: underline; border-bottom: none;}
A.pdf:hover {color: #993300;  text-decoration: none; border-bottom: dashed #999 1px;}

#supplementMenu A:link, #supplementMenu A:active, #supplementMenu A:visited {color: #666; text-decoration: none; border-bottom: none;}
#supplementMenu A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

.boxRight A:link, .boxRight  A:active {text-decoration: none; color: #0033cc; border-bottom: none;}
.boxRight A:visited {color: #993300;text-decoration: none; border-bottom: none;}
.boxRight A:hover {color: #993300; text-decoration: underline;}

.boxLeft1 .twoCols A:link, .boxLeft1 .twoCols A:active {color: #0033cc;	text-decoration: none; border-bottom: dashed #999 1px;}
.boxLeft1 .twoCols A:visited {color: #993300; text-decoration: none; border-bottom: dashed #999 1px;}
.boxLeft1 .twoCols A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

.boxLeft .twoCols A:link, .boxLeft .twoCols A:active {color: #0033cc;text-decoration: none;border-bottom: dashed #999 1px;}
.boxLeft .twoCols A:visited {color: #993300;text-decoration: none; border-bottom: dashed #999 1px;}
.boxLeft .twoCols A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

/*----------------Background colors to be used in table, tr and td but also p, ol ul-------------*/
.bgBeige {background-color: #F0F0EB;}
.bgYell {background-color: #F9EFBE;}
.bgBlueDa {background-color: #003399;}

/*----------------Background colors for Departments and regions-------------*/
.bgOrangeDa {background-color: #CC6600;}
.bgOrange {background-color: #FF9900;}
.bgBordeauxDa {background-color: #990000;}
.bgBordeaux {background-color: #FF3300;}
.bgGreenDa {background-color: #006600;}
.bgGreen {background-color: #66CC66;}

/* 	 ==================================================================	 */
/* 	 ==================================================================	 */
/* 	 ==================================================================	 */

body { font-size: 0.725em; line-height: 1.5em; margin: 0px 15px; color: #333; background-color: #f9f9f9; }

#ieHack	{  text-align: center; 	} /* IE hack for centering container */
.bodyContainer { text-align: left; /* IEhack correction */ 
width: 900px; padding: 0 13px; margin: 0px auto; background-color: #fff; }

#breadCrumb, #bodyContainer, #footer, #lastUpdate	{ background-color: #fff; }
#globalHeader { margin-bottom: 3px; }
#globalMenu, .menuTop, .menuTopYell { height: 18px; }

#localMenuDept 
{ 	height: 18px; text-align: left; border-bottom: 1px solid #666; 
	font-weight: bold; margin-top: 5px; border-top: 1px solid #333;	} 
	
.menuTopDept /* in region pages */
{	border-left: 2px solid #fff; float: right; padding: 0 10px; }

#globalBackground { height: 60px; }
#bodyContainerNoMenu { background-image: none; }

#supplementMenu1 /* site map menu in asia */
#supplementMenu, #breadCrumb, #footer { font-size: 90%; }

#language {	font-weight: normal; } 
#addMenu1, #supplementMenu a {	font-size: 95%; } 
#breadCrumb	{ border-bottom: 1px dotted #888; }

.twoColsLeft50	{ max-width: 65%; }
.twoColsRight50  { width: 35%; } 	/*	asia-countries */
.twoColsRight50 .featureMultiple {	border: 0px; }

/* REMOVE RESET column borders dividers */
.bgdLine25,  /* right col vertical divider */
#bodyContainer, /* remove left margin vertical  line*/
#bodyContainer1, 	/* remove right  margin vertical line*/
.bgdLine50 	/* in GB - middle col divider */
{ background-image: none; }

.sectionMenuPullDown { border: 0; } /* GB 306 - REMOVE divider */

/* EXCEPTION - depts and offices */
#mainGridRightNoMenu .twoColsLeft75 { font-size: 95%; }	
ol.hierarchicalList p.titleList	
{	background-color: #DDEBF2; border-top: 1px solid #6699FF;
	color: #000; font-size: 1em; padding: 1px 5px 2px; }

/*	********************************	*/
h1.detail, .pageTitleLine h1   /* titles in detail page	*/
{ font: 2em/120% Georgia, "Times New Roman", Times, serif; color: #000; background-color: #fff;  }
	
.pageTitleLine.bgBeige p 	/* standfirsts in detail page  background-color: #fff;*/ 
{ font: 120% Georgia, "Times New Roman", Times, serif;  margin-bottom: 15px; }

.pageTitleLine { border: 0px; background-color: #fff; }

h2 { font-size: 1.1em; }
h3 { margin-bottom: 3px; font: bold 107.5% Verdana, sans-serif; } /* subhead */ 

/* *********************************************** */
/*    image with caption  */
/* *********************************************** */
.pictureCaption 	/*	  border enclosing image AND caption	*/
{ font: 0.875em/1.35em Verdana, Arial, sans-serif; color: #777; padding: 3px; margin-bottom: 15px; float: right; }
.pictureCaption img { padding: 0 0 5px; }				
.imageRight { margin: 0 0 10px 15px; float: right; }
.imageLeft { margin: 0 12px 10px 0; float: left; }

/*	pullquotes */
.pullqBox	/* pullquote box enclosure */
{	font-size: 95%; color: #777; background-color: #f8f8f8;
	border: 1px solid gray; width: 225px; }
.pullqTitle	
{	margin: 0; 	/* resets the margins */
	font-size: 100%; font-weight: bold; color: #fff; background-color: #555;
	padding: 0 5px; margin-bottom: 10px; }
.pullqImage
{ 	font: bold 1em/1.3em Verdana, Arial, sans-serif;
	min-height: 50px; margin-bottom: 5px; padding: 3px; }
.pullquote1, .pullquote2 { color: #000; line-height: 130%; margin:5px 5px 10px; }
.pullquote2	{ border-top: 1px dotted gray; padding: 7px 0 0 3px;	}
.imageRight2 { float: right; margin: 0 0 0 3px; }
.imageLeft2 { float: left; margin: 0 3px 0; }
.pullqBox li 	/*	list item links in the pullquote */
{ background: transparent url(./arrowhr.gif) no-repeat scroll 0 0; padding-left: 12px; margin-bottom: 5px; }
a.pullqLink:link, a.pullqLink:visited, a.pullqLink:hover { font-weight: normal; }

/* *********************************************** */
/* various small elements */
/* *********************************************** */
.lineTop  { border-top: 1px dotted #CCC; }
#borderBottom { border:	0px; height: 0px; margin-left: 0px; }
#lastUpdate { margin-bottom: 10px; }
#top a { background-color: #f3f3f3; padding: 3px 8px; font-size: 90%; border: 1px solid #ccc; }
#top a:hover { background-color: #ddd; text-decoration: none; border-color: #aaa; }
.contentHtm { margin-bottom: 1.2em; }
.grid1 tr th, .graybox1	{ background-color:	#f3f3f3; }
#pagination { background-color: #EEE; padding: 5px; margin: 25px 0 0; }
#footer { border-top-color:	#6699FF; }
.facets { border-bottom: 0; }
.floatImage	{ width: 98%; }
ul.indent, ol.indent, ul.noIndent { margin-bottom: 5px; } /* see ILS*/
.featureMultiple { padding: 0; border: 0; }  /* 306 */
.featureMultiple ul.floatImage li { width: 98%; }	/* what we do - PRojects */
ul.indentFacets { margin-left: 5px; }
.twoColsRight25 .featureMultiple, .twoColsRight25 .quickLinks, .twoColsRight25 .relatedLinks { padding: 0; } /* reset box widths for the cols */
#leftContainer { padding-right: 0px; padding-top: 20px; } /* left col in GB*/

/*	********************************	*/
/* 	META table  sizes 	*/
/*	********************************	*/
/* .horizontalLineLight is also used in conference rules!!!*/
.horizontalLineLight /* in some asia pages */
{ 	border-bottom: 1px solid #E8E8E8; margin-bottom: 15px; font-size: 0.9em; 
	line-height: 1.3em; padding: 0 0 0 8px; color: #777; width: 95%; }
.horizontalLineLight tr td { padding: 1px 10px 1px 1px; }

/* for hilites eg. DOWNLOADS etc */
/* .horizontalLineLight tr#language-versions, */
.horizontalLineLight tr#primary-file,	/* pdf download row */
.horizontalLineLight tr#online-location	/* URL row */
{ height: 22px; color: #333; background-color: #eee; }
/* .horizontalLineLight tr#language-versions a, */
.horizontalLineLight tr#primary-file a, 	/* PDF file link */
.horizontalLineLight tr#online-location a	/* URL link */
{ font-size: 120%;  }

/*	******************	styles	**************************	*/
/* bullet points in centre cols in PR */
.text ul { font-size: 92.5%; line-height: 120%; width: 90%; margin: 0 1em 1.5em; }

/* block bullet points in centre cols in PR. what we do  - bullet points in blockquote */
.text ul li { padding: 0.2em 1em 0.2em 0; margin: 0 0 0 3em; }

/* list items styles and spacing for featureMultiples, quicklinks, relatedlinks */
ul.arhr	li { border-bottom: 1px dotted #CCC; margin-bottom: 4px; padding-bottom: 4px; }

/* ********************************************************************************** */
/*	RESETTING ELELMENT STYLES */
.twoColsRight25 .featureMultiple, 
.twoColsRight25 .quickLinks, 
.twoColsRight25 .relatedLinks, 
.twoColsRight25 .sectionMenu,  
.twoColsRight50 .sectionMenu, 	/* see GB*/
.twoColsLeft100 .newsBox 		/* in ILO media */
{ background-color: #fff; border: 0px; }

/*	******	MAIN CENTRE COLUMN - for elements	****************	*/
/*	ELEMENT BOXES - in main cols  */
.twoColsLeft75 .quickLinks, 
.twoColsLeft75 .relatedLinks,
.twoColsLeft75 .featureMultiple, 	/**/
.twoColsLeft75 .newsBox,
.twoColsLeft100 .featureMultiple, 
.twoColsLeft50 .newsBox	 /* for GB */
{ font-size: 100%; border: 0px;	/* for newsBox resetting */	 }

/*	ELEMENT BOX HEADERS - in main cols */
.twoColsLeft75 .featureMultiple p.titleListSmall.bgGrayLi, /* headers - key resources in Themes */
.twoColsLeft75 .quickLinks p.titleListSmall, 
.twoColsLeft75 .sectionMenu p.titleListSmall,
.twoColsLeft75 .newsBox p.titleListSmall,
.twoColsLeft100 .newsBox p.titleListSmall,	/*	in ILO media */
.twoColsleft100 p.titleList.red.bgYell,		/* EXCEPTION - in 305 */
.twoColsLeft75 p.titleList.red.bgYell,		/* EXCEPTION - in 306 */
.twoColsLeft50 .newsBox p.titleListSmall,	/* EXCEPTION - in GB, see also element types  above */
.twoColsLeft75 .featureMultiple p.titleListSmall.white.bgBlue /* EXCEPTION - in asia */
{	font-size: 1.1em; color: #CC3300; /* #CC3300; */ background-color: #DDECFF; 
	border: 0px; border-top: 1px solid #6699FF; padding: 1px 5px 3px; }

.twoColsLeft75 .featureMultiple p.titleListSmall.bgGrayLi /* headers - key resources in Themes */
{ 	color: #c00; background-color: #EEE; 
	border-bottom: 1px solid #ccc; border-top: 5px solid #999; 
	margin-bottom: 5px; padding-bottom: 8px;  }

/* featureMultiple in centre cols in media and pub info */
.twoColsLeft75 .featureMultiple .newsBox { border: 0px; }

/*	LINK HEADERS styles - EXCEPTION - what we do, Themes 
see also "LINK HOVER - colours" 	*/
table.invisible p.titleListSmall { border: 0px; }	/* reset */

table.grid1 p.grayTitle1 a, /* header links - about ILO */
table.invisible p.titleListSmall a	
{	background-color: #DDEBF2; display: block; text-transform: uppercase;
	border-top: 1px solid #6699FF; padding: 1px 5px 2px; }
	
/* LINK HEADERS styles - EXCEPTIONS in ILO */ 
table.grid1 p.grayTitle1 { border: 0px; padding: 1px; margin-top: 10px; }  /* about ILO, tripartism & technical coop */

/*	red on grey headers */
.twoColsLeft75 .furtherInfo h2, /* in 3col grids - PR articles */
.twoColsLeft100 .furtherInfo h2,	/* in 2 col grids */
h2.red 		/* in asia library */
{ color: #ad0000; background-color: #f3f3f3; padding-left: 5px; padding-bottom: 1px; margin: 20px 0 6px; }

/*	ELEMENT sub HEADERS - centre col */
.twoColsLeft75 .featureMultiple ul p.titleListSmall	/* EXCEPTION - what we do-publications-reports, ILS */
{	border: 0px; color: #999; border-bottom: 1px solid #eee; padding-bottom: 3px; margin-bottom: 6px;  }

/* SECONDARY LINKS  */
ul.arhr.noSpace a { font-weight: normal; }

.twoColsLeft75 .newsBox ul.arhr.noSpace li	/* EXCEPTION - official meetings */
{	font-size: 95%; border-bottom: 0px; margin: 3px 0;  line-height: 1.3em; } /* also in what we do- events*/

/* year dividers in a) media pages .twoColsLeft100 and b) asia events  .twoColsLeft75  */
.list p.titlelistSmall.bgBeige.red { color: #c00; background-color: #EFEFFF; padding: 2px 2px 2px 5px;  }

/*	dates */
.featureMultiple ul.arhr .red,
.featureMultiple ul.floatImage .red,	/* regions - africa */
.newsBox ul.arhr .red,					/* regions - america */
.newsBox ul.floatImage .red,			/* regions - europe  */
.list ul.arhr .red,
.list ul.floatImage .red				/* regions - asia meetings */
{	font-size: 97.5%; color: #000; font-weight: 600; }

/*	********************************	RIGHT (and LEFT) COLUMNs 	********************************	*/
/*	ELEMENT BOXES - right and left cols   */
.twoColsRight25 .featureMultiple, 
.twoColsRight25 .quickLinks, 
.twoColsRight25 .relatedLinks, 
.twoColsRight50 .featureMultiple,	/* 3 col grid - equal widths */  
/* ********	left columns	********	 */
#leftContainer .featureMultiple,
#leftContainer .quicklinks,
.twoColsRight25 .list,		/* EXCEPTION - projects-better work  */
.twoColsRight50 .sectionMenu ul.arhr  	/* EXCEPTION- see GB */
{	font-size: 95%; line-height: 1.3em; margin-bottom: 20px; }

/*	ELEMENT HEADERS - right and left cols  */
.twoColsRight25 .featureMultiple p.titleListSmall,  
.twoColsRight25 .quickLinks p.titleListSmall, 
.twoColsRight25 .relatedLinks p.titleListSmall, 
.twoColsRight50 .featureMultiple p.titleListSmall,	/* 3 col grid - equal widths */ 
#leftContainer .featureMultiple p.titleListSmall,	/* ********	left col	********	 */
.twoColsRight25 .list p.titleListSmall				/* EXCEPTION - projects-better work  */
{ font-size: 1.1em; line-height: 1.3em; text-transform: uppercase; 
color: #333; background-color: #FFF; padding: 3px 0 9px; 
border-top: 5px solid #6699FF; border-bottom: 1px solid #6699FF; }

/*	ELEMENT SUB-HEADERS */
.relatedLinks p.titleListSmallNo,	/* factsheets */
.facets p.titleListSmallNo
/*p.titleListSmallNo.lineTopFacets	 EXCEPTION - sub headers in right cols, asia projects */
{ border: 0px; color: #888; border-bottom: 1px solid #eee; padding-bottom: 3px; margin-bottom: 6px; }

/*	***************	FEATURE SINGLE BOXES	***************	*/
/* #mainGridLeft .quickLinks,		 EXCEPTION - GB */
table.featureSingle,	/* for regions */
.image.center, /* single images */
.featureSingle.center, .featureSingle
{ font-size: 95%; background-color: #F3F5DE; line-height: 1.3em; padding: 5px;  border-width: 1px; margin-bottom: 20px; }

/*	****************	IN THIS SECTION 	****************	*/
.twoColsRight25 .facets, /* facet BOX */
.twoColsRight25 .sectionMenu /* element BOX */
{ font-size: 95%; line-height: 1.3em; background-color: #f7f7f7; 
border-top: 4px solid #6699FF; border-bottom: 2px solid #ccc; padding: 0px; margin-bottom: 20px; } 
.twoColsRight25 .sectionMenu p.titleListSmall /* in this section titles */
{ font-size: 1.2em;	color: #000; background-color: #DDECFF; padding: 3px 5px; } 
.twoColsRight25 .sectionMenu ul.arhr.noIndent { padding: 0 5px 3px 5px; } /* the list of in this section */

/* #mainGridLeft .quickLinks p.titleListSmall		 EXCEPTION - GB */
.twoColsRight25 .facets p.titleListSmallNo.white.bgRed1 /* facets title */
{	font-size: 110%; font-weight: bold; line-height: 1.3em; text-transform: uppercase; 
	color: #333; background-color: #E5E594;
	border-top: 1px solid #EEE; border-bottom: 2px solid #FFF;
	margin: 0 0 6px; padding: 1px 2px 3px 6px; 	}
	
/* *************** FACETS BOX *************** */
/* similar to IN THIS SECTION with a different colour  */
.twoColsRight25 .facets { background-color: #fcfcfc; border: 1px solid #ccc; padding: 5px; } /* facet BOX */
.twoColsRight25 .facets p.titleListSmallNo.white.bgRed1	{ color: #000; border-bottom: 1px solid #aaa; } /* facet title  */
.facets ul.arhr li {line-height: 1.2em; padding-bottom: 3px; padding-top: 0; margin-bottom: 3px; } /* facet items */

/* **********************************	left menu NAVIGATION	**********************************  */
#leftMenu, .mainMenuLeft 
{	font-size: 0.95em; background-color: #DDECFF;	
	border-top: 4px solid #6699FF; border-bottom: 2px solid #6699FF;	
	margin-bottom: 15px; padding: 0px; }
	
#leftMenu ol {	border-top: 2px solid white; } /*	 for global pages */ 
#leftMenu li.lineMenuLeft ol.arhr { border-top: 0px;  border-bottom: 1px solid #fff; } /* submenu in list */
#leftMenu ol.arhr { padding: 0px; }	/* spacing in submenu box */
li.lineMenuLeft { line-height: 1.3em; border-bottom: 2px solid #fff; padding: 0px; margin: 0px; }

#mainGridLeft .lineMenuLeft strong /*	EXCEPTION - sub menu in for asian region */
{ margin: 2px 2px 2px 5px; display: block; line-height: 110%; }  

li#leftMenu { padding: 0px; border-bottom: 2px solid #fff; margin: 0px; }

.lineMenuLeft ol.arhr li, .lineMenuLeft ul.arhr li 
{ background: transparent url(./arrowhr.gif) no-repeat scroll 4px 2px; margin: 0px; }

#leftMenu A.gray { color: #1F5566; display: block; padding: 2px 1px 4px 4px; line-height: 120%; } 
#leftMenu A.blue { color: #1F5566; display: block; padding: 2px 1px 2px 0px; } 
#leftMenu A.gray:hover, #leftMenu A.blue:hover { color: #fff; background-color: #74a9cc; text-decoration: none; }

/* left sub menu button links */
li.lineMenuLeft a.gray { background-color: #DDECFF; }
li.lineMenuLeft a.gray:hover, .mainMenuLeftRegions li.lineMenuLeft a.gray:hover { background-color: #74a9cc; }

/* ****************************	LINKS	********************************* */
/*	removing underlined links */
.twoColsLeft50 a, .twoColsRight50 a, /* 3-col grid equal col widths - see GB */
.twoColsLeft75 a, .twoColsRight25 a, /* 3-col grid */
.twoColsLeft100 a, 	/* 2-col grid */
.twoColsLeft75 a:visited, .twoColsLeft100 a:visited,  /* IE requires these */
.featureSingle a:link, .featureSingle a:active, .featureSingle a:visited, .featureSingle a:hover, /* overwrite */
#footer a, A:link, A:active, 
a:visited	{ border-bottom: 0px; }

/*	links for PDFs	*/
a.pdf {	font-size: 95%; }
A.pdf:link, A.pdf:active { color: #999966; text-decoration: underline; font-weight: normal;  }
A.pdf:visited	{ color: #999966; text-decoration: none; font-weight: normal; }
a.pdf:hover  { text-decoration: underline; border: 0px; }

/*	********************************	*/
/*		LINK COLOURS			 	*/
/*	********************************	*/
/* LINK COLOURS */
table.grid1 p.grayTitle1 a,	/* about ILO - EXCEPTION */
p.titleListSmall a.none,	/* link headers in themes, what we do */
.boxRight1 a,	/* in depts and offices */
a { color: #0044EE;  }

/*	LINK VISITED - colours  */
#leftContainer .quickLinks a:visited, 	/* EXCEPTION -ILO bookstore  */
.boxRight1 a:visited, 	/* in depts and offices */
ol.hierarchicalList a:visited,	/* EXCEPTION - depts and offices */
a:visited { color: #5577AA; }

/*	LINK HOVER - colours */
table.grid1 p.grayTitle1 a:hover,	/* about ILO - EXCEPTION */
#breadCrumb a:hover,
#leftContainer .quickLinks a:hover, 	/* EXCEPTION -ILO bookstore  */
p.titleListSmall a.none:hover,	/* link headers in themes, what we do */
.boxRight1 a:hover,	/* in depts and offices */
ol.hierarchicalList a:hover,	/* EXCEPTION - depts and offices */
a.pdf:hover, a:hover { color: #EE6600; }

/*	********************************	*/
/*		LINK WEIGHTS			 	*/
/*	********************************	*/
.twoColsLeft75 .text .grid1 a, /* EXCEPTION - link headers in about ILO */
.text .grid1 a,		/* EXCEPTION - about ILO*/ /*.twoColsLeft50 a,  in GB */
.twoColsLeft75 a, .twoColsLeft100 a { font-weight: bold; }

/*	LINK VISITED - font weights   */ 	
.twoColsLeft75 .text a,	/* links in body copy  in themes */
table.horizontalLineLight a,	/* meta table links */
p.noEmptyline.lineTop a,		/* list all */
ol.hierarchicalList a 	/* EXCEPTION - depts and offices */
{ font-weight: normal; }

p.noEmptyline.lineTop a	{ font-size: 95%; }	/* list all */

/* *************************** 	EXCEPTIONS 	*************************** */
.twoColsLeft75 .featureMultiple.grayLightBorder /* WoW-social security */
{ border: 1px solid #ccc; background-color: #f3f3f3; padding: 3px; }

table.grid1 p.grayTitle1 a { text-decoration: none; }	/* about ILO - EXCEPTION */

.twoColsLeft75 .featureMultiple ul ul.arhr li a, /* secondary links in ILS */
.twoColsLeft75 .furtherInfo ul.arhr li a	/* better work */
{ font-weight: normal; font-size: 95%; line-height: 1.2em;  } 

.twoColsLeft75 .featureMultiple ul.arhr.noSpace li	/* EXCEPTION - stats meetings - secondary links reset  */
{ border-bottom: 0px; margin: 3px 0; }

.twoColsLeft75 .grayBox2 p.titleListSmall { border: 0px; background-color: #cdcdcd; }  /* EXCEPTION - ILO bookstore boxed title */
.horizontalline .title td  { border: 0; } /* EXCEPTION - 306 */
.featureMultiple .horizontalLineLight { font-size: 95%; }	/* EXCEPTION in conference Rules */
.twoColsLeft75 .featureMultiple .newsBox { margin-bottom: 8px; }	/* Video EXCEPTION */
p.text { padding: 5px; }	/* EXCEPTION - standfirst in stats */

.sectionMenu p.titlelistSmall.bgYell, select.bgYell /* in GB #F9EFBE; IE wont render otherwise */
{ background-color: #DDECFF; padding: 3px; } 

/*	********************************************	*/
/*	////////////// HOME PAGE //////////	*/
/*	********************************************	*/
#globalHomeBackground { height: 85px; }	/* reduced height of banner */
#introText, #introText a { font-family: georgia, serif; border: none; } /* site message */

/*	*****	 FONT SIZES - body with EXCEPTIONS in the right cols	***** */
.home p.noEmptyLine, /* the picture plugs and slider  */
.boxHomeTwoCols,	/* featured */
.home .boxHome.bgBeige p.center, /* right cols boxes with images  */
.home .boxHome.bgBeige ul.arhr,/* right cols lists only */
.home .boxHome.bgBeige ul.noSpace,/* right cols multimedia only  */
p.smaller	/* meta data for slider */
{  font: 95% Verdana, san-serif; line-height: 1.3em; margin-bottom: 5px; display: block;} 

/* BOX styles - EXCEPTION, written as such to counter erratic behaviour in IE */
.home .boxHome.bgBeige { background-color: #FFF; border: 1px solid #ccc; } /* all BOXES in IE, right col only in FF  */
.home .boxHomeThreeColsPlug.Center { background-color: #FFF; border-width: 1px 0 0; padding-top: 20px; } /* affects featureSingle in IE!!! if .home is not present */

/*  BOXED TITLES */
.boxTitleHome, /* right col boxed TITLES  */ 
.boxTitleHomeTwoCols /* featured */ 
{ font: bold 1.1em Verdana,Arial,sans-serif; color: #CC3300; background-color: #eee; 
height: 18px; padding: 1px 0 2px 5px; border: 1px solid #ccc; border-top: 5px solid #AAA; }
.twoColsRightHome25 .boxTitleHome { border-bottom: 0; } /* only for title bgnds in the right cols */

.boxTitleHomeTwoCols, /* featured */ 
.boxTitleHome.bgBlueMe, /* slider */ 
.boxTitleHome.bgGold /* menu */ { border-width: 5px 0 1px;  }
.boxTitleHomeTwoCols, .boxTitleHome.bgBlueMe { margin-bottom: 10px; }

.boxHome.bgYell ul.noIndent  { margin-bottom: 0 }	/* late patches - for quicklinks submenu */
.threeCols { text-align: left; font-weight: bold;}  /* the second and third tiers*/
.threeCols .box p.noEmptyLine { clear: left;  } /* force the text to sit underneath the image */

/* *****	LINK COLOURS for home page	***** */
#mainGridHome a.pdf { color: #996; text-decoration: underline; }
#mainGridHome a.pdf:visited { text-decoration: none; }

.home .noUnder a { color: #0044EE; } 	/* .noUnder a:link is the original bad tagging!  */
.home .noUnder a:visited { color: #5577AA; }
p.noEmptyLine.titleListhome a:hover,.home .noUnder a:hover, #mainGridHome a.pdf:hover,
.home #supplementMenu A:hover { color: #EE6600; }

/* *****	MENU navigation - quicklinks ***** */
.boxHome.bgYell { padding: 0;  background-color: #fff;  margin-top: 3px; font-size: 95%; }
.boxHome.bgYell ul.arhr.noIndent li { background-color: #DDECFF; padding-bottom: 0px; border: 0; } /* sub-menu list items */

.home li.lineMenuLeft, .home li.lineMenuLeft ul.arhr li { margin: 0; width: 100%; /* for IE to display properly */ }

li.lineMenuLeft a.blue:link, li.lineMenuLeft a.blue:visited,	/* menu links */
li.lineMenuLeft a.gray:link, li.lineMenuLeft a.gray:visited		/* sub menu links */
{ color: #1F5566;  background-color: #DDECFF; text-decoration: none; padding : 3px 2px 3px 5px; display: block; }
li.lineMenuLeft a.blue:hover, li.lineMenuLeft a.gray:hover 		/* menu hover behaviour */
{ color: #fff; background-color: #74a9cc; text-decoration: none;  }

/* *****	slider ***** */
.contentdiv p.noEmptyLine, .contentdiv p.smaller, /* contentdiv reqd so that IE will display properly */
.home .boxHomeFeature	{ background-color: #F3F5DE; } 
#slider2 { height: 185px; }

.contentdiv ul a { font-size: 95%; } /* secondary links in slider */
.contentdiv ul li { line-height: 1.2em; border: 0; }

/* current display article title */
p.noEmptyLine.titleListhome a { font: 1.6em Georgia, Times, sans-serif; font-weight: 500; text-decoration: none;  }
p.noEmptyLine.titleListhome a:hover { text-decoration: none;  }

.paginate {	font-weight: bold; }
.paginate a { margin-right: 0px; }
a.toc, .paginate a, #paginat-slider2 a.link, #paginat-slider2 a.visited, 
#paginat-slider2 a.selected, #paginat-slider2 a:hover { padding: 2px 7px; }

/* ***********************	SEARCH	 *******************  */
.searchEngine, .searchEngine p.titleListSmall, .searchEngine p
{ 	background-color: #FFF3EE; 	padding: 5px 5px 10px 5px;	}
.searchEngine p.titleListSmall, .searchEngine p { border: 0px; 	}
.searchEngine { border-top: 3px solid #ccc; border-bottom:	1px solid #ccc; }

.twoColsLeft100 { width: 700px; } 
.boxLeftX .lineBottom { padding-left: 5px; }
.formBox p.titleListSmall { border: 0; padding: 0; margin: 0; background-color: inherit; }

/*	URL link below */
.gray1 a:link, .gray1 a:visited, .gray1 a:active 
{ font-size: 0.875em; font-weight: normal; color: #0066CC; border-bottom: 0px;}
a.large:link, a.large:active, a.large:visited, a.large:hover { font-weight:normal; }
.gray1 a:hover 	{ color: #ee6600; }