/* ****************************** RESET *************** */
body {background: #f3f3f3 none;} 
form select {
  font-size: 1em;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	width: auto;
}
/* ****************************** CONTAINERS - positioning the grid *************** */
#supplementaryMenu, #bodyWrapper, #containerMiniServices, #containerFooter {
	width: auto;
	background-color: #fff;
}
#supplementaryMenu {
	padding: 0 50px;
	background-color: #f3f3f3;
}
#miniTools {margin-right: 0;}
#containerHeader {
	padding: 0 50px;
	background-color: #fff;
	background-color: #f3f3f3;
	border-bottom: 2px solid #333;
}
#containerBody {
	background-color: #fff;
	padding: 0 50px 0 50px;
	overflow: visible;
	border-bottom: 2px solid #333;
	margin-bottom: 100px;
}
#containerFooter {padding: 0 50px;}
/* ****************************** page layout ***************  */
/* TYPES of PAGE CONTENT GRIDS */
.container780 {
	padding-bottom: 15px;
	overflow: visible;
}
.container575 {
	padding-top: 15px;
	text-align: center;
	overflow: visible;
}
#colMain {
	margin: auto;
	text-align: left;
	display: inline-block;
}
/* ****************************** NAVIGATION *************** */
/* Backend Main Menu */
#regions #mainMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	font-size: 1.2em;
	position: absolute;
	top: 27px;
	right: 50px;
	z-index: 100;
}
html>body #regions #mainMenu {*top:25px;} /*ie7*/
#regions #mainMenu {top:26px\0/;} /*ie8*/
#regions #mainMenu li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
/*updated*/
#regions #mainMenu a {color: #fff; background-color: #999; text-decoration:none; display:block; width: 90px; padding: 2px 10px; border-top: 2px solid #999; border-bottom: 2px solid #333;}

#regions #mainMenu a.current {color: #B92517; background-color: #fff; border: 2px solid #333; border-bottom: 2px solid #fff;}
/*updated*/
#regions #mainMenu a:hover, #regions #mainMenu a.opened, #regions #mainMenu a.opened:hover { color:#999; background-color: #f3f3f3; padding: 2px 8px; border: 2px solid #999; border-bottom: 2px solid #fff;}

#regions #mainMenu a.current:hover, #regions #mainMenu a.current.opened, #regions #mainMenu a.current.opened:hover {color:#B92517; padding: 2px 10px; border: 2px solid #999; border-bottom: 2px solid #fff;}
#regions #mainMenu > li > ul, #regions #mainMenu > li > div {
	background-color:#EEF1F6;
	border:2px solid #999;
	border-top: none;
	margin:0;
	line-height: 1.3em;
	display: none;
	position: absolute;
	margin-top: 0;
	z-index: 0;
}
#regions #mainMenu > li > div {
	right: 0;
	width: 365px;
	background-color: #f3f3f3;
}
#regions #mainMenu ul li {
	list-style: none;
	float: none;
	margin: 0;
}
/*updated*/
#regions #mainMenu ul span {display:block; color:#333; background-color: #f3f3f3; width: auto; padding:5px 10px; border-top:1px solid #ccc; font-size: 1em; line-height: normal; letter-spacing: normal; font-family: Arial,Helvetica,Verdana,sans-serif;}
/*new*/
#regions #mainMenu ul ul span {font-weight:normal;padding: 0 10px 5px 25px;background: #f3f3f3 url('http://www.ilo.org/webcommon/dyn/images/normlex/resources/images/bullet2.gif') no-repeat 5px 3px;}

#regions #mainMenu ul a { color:#00209f; background-color: #f3f3f3; width: auto; padding:5px 10px; border: none; border-top:1px solid #ccc;}
#regions #mainMenu ul a:hover { color:#fff; background-color:#5482cf; padding:5px 10px; border: none; border-top:1px solid #ccc;}
#regions #mainMenu ul li:first-child span, #regions #mainMenu ul li:first-child a, #regions #mainMenu ul li:first-child a:hover {border: none;}
#regions #mainMenu ul ul, #regions #mainMenu div ul {margin: 0;}
#regions #mainMenu ul ul li { font-weight:normal; } /* level 3 nav */
#regions #mainMenu ul ul a {padding: 0 10px 5px 25px; background: #f3f3f3 url("http://www.ilo.org/webcommon/dyn/images/normlex/resources/images/bullet2.gif") no-repeat 5px 3px; border: none;} /* sub-list links */
#regions #mainMenu ul ul a:hover {background-color:#5482cf; padding: 0 10px 5px 25px; border: none;}
/*new*/
#regions #mainMenu ul ul ul a {background: url('http://www.ilo.org/webcommon/dyn/images/normlex/resources/images/bullet2_gray.gif') no-repeat 15px 3px #F3F3F3;padding-left:35px;} /* sub-list links */
#regions #mainMenu ul ul ul a:hover {padding-left:35px;}

#countryList {display: none;}

#regions #mainMenu ul#alphabet {overflow: hidden;}
#regions #mainMenu ul#alphabet li {float: left;}
#regions #mainMenu ul#alphabet a { border-top:none;}
#regions #mainMenu ul#alphabet a:hover {color:#fff; background-color:#5482cf; padding:5px 10px; border: none;border-top:none;}
#regions #mainMenu ul.countries a { font-weight:normal;}
#mainMenuCountry {
	float: right;
	font-size: 1.2em;
	line-height: 1.3em;
	position: absolute;
	top: 27px;
	right: 50px;
	z-index: 100;
}
html>body #mainMenuCountry {*top:25px;} /*ie7*/
#mainMenuCountry {top:26px\0/;} /*ie8*/
#mainMenuCountry a {color: #fff; background-color: #999; text-decoration:none; display:block; width: 81px; padding: 2px 10px; border-top: 2px solid #999; border-bottom: 2px solid #333;}
#mainMenuCountry a.current {color: #B92517; background-color: #fff; border: 2px solid #333; border-bottom: 2px solid #fff;}
#mainMenuCountry a:hover, #mainMenuCountry a.opened, #mainMenuCountry a.opened:hover {color:#666; background-color: #f3f3f3; padding: 2px 8px; border: 2px solid #999; border-bottom: 2px solid #fff;}
#mainMenuCountry a.current:hover, #mainMenuCountry a.current.opened, #mainMenuCountry a.current.opened:hover {color:#B92517; padding: 2px 10px; border: 2px solid #999; border-bottom: 2px solid #fff;}
#mainMenuCountrySubCont {
	display: none;
	position: absolute;
	right: 54px;
}
/*#mainMenuCountrySubIframe {*/
iframe {
	border:2px solid #999;
	border-top: none;
}
#mainMenuCountrySub {
	background-color:#f3f3f3;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
}
#mainMenuCountrySub li {
	margin: 0;
	padding: 0;
}
#mainMenuCountrySub a { color:#00209f; background-color: #f3f3f3; text-decoration:none; display:block; padding:5px 10px; border: none; border-top:1px solid #ccc;}
#mainMenuCountrySub li:first-child a {border-top:none;}
#mainMenuCountrySub a:hover { color:#fff; background-color:#5482cf;}
/* Backend Country Menu */
#subMenu {
	list-style: none;
	margin: 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	font-size: 1.2em;
	background: url("http://www.ilo.org/webcommon/dyn/images/normlex/resources/images/bg-country-menu.png") left bottom repeat-x;
	font-weight: bold;
}
#subMenu li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #999;
}
#subMenu li:first-child {border-left: 1px solid #999;}
#subMenu a {color: #666; padding: 2px 10px; display: block; border-bottom: 2px solid #999; text-decoration: none;}
#subMenu a:hover, #subMenu a.opened, #subMenu a.opened:hover {border-bottom: 2px solid #fff;}
#subMenu a.current {color: #B92517; border-bottom: 2px solid #fff;}
#subMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
	background-color: #fff;
	margin-left: -1px;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding-bottom: 5px;
	z-index: 100;
}
#subMenu ul li, #subMenu ul li:first-child {
	float: none;
	border: none;
}
#subMenu ul ul {
	position: static;
	display: block;
	margin-left: 0;
	border: none;
	padding-bottom: 0;
}
#subMenu ul span {display:block; color:#666; padding: 5px 10px; border: none; border-top:1px solid #ccc;}
#subMenu ul a {display:block; color:#00209f; padding: 5px 10px; border: none; border-top:1px solid #ccc;}
#subMenu ul li:first-child a, #subMenu ul li:first-child span {border: none;}
#subMenu ul a:hover {background-color:#5482cf; color: #fff; border-bottom: none;}
#subMenu ul ul li, #subMenu ul ul li:first-child {border: none;}
#subMenu ul ul a {color:#00209f; padding: 0 0 4px 25px; border: none; font-weight: normal; background: url("http://www.ilo.org/webcommon/dyn/images/normlex/resources/images/bullet2.gif") no-repeat 5px 3px;}
/* ****************************** REGIONS *************** */
#regions {padding: 0;}  
#regions span {
	padding-left: 0;
	font-size: 3.6em;
	float: none;
	line-height: 1em;
}  
#offices {
	display: inline;
	margin: 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #999;
}
/* ****************************** HEADERS *************** */
#heading {
	margin-bottom:0;
	margin-top: 5px;
}
#heading h1 {
	font-size: 1.8em;
}
/* ****************************** ELEMENTS *************** */
.clearfix { height: 1px; } 
.drop_panel.clearfix { height: auto; font-size: 1em;} 
/* search box */
.searchBox { border:none; }
/* ******************************* GRADIENTS ******************* */
/* gradients top down */
.searchBox { background:#F8F4E9; }



/* ****************************** NEW CLASSES *************** */
#supplementaryMenu a {
  font-size: 1.1em;
  font-weight: bold;
}
#options {float: left;}

#containerHeader img {
	float: left;
	display: block;
}
div.multiple-cols {
	float: left;
	width: 300px;
	margin-right: 10px;
}
div.multiple-cols.three {
	width: 220px;
}
.multiple-cols.three select {
	width: 150px;
}
div.multiple-cols.first {
	clear: left;
}
/*td.multiple-cols { multiple cols cin tabella non utilizzata
	width: 335px;
	vertical-align: top;
}*/
.fieldSet {
	border:1px solid #ccc;
	background-color:#f5f5f5;
	margin-bottom:10px;
	overflow:hidden;
	padding-bottom: 10px;
}
legend {
	font-weight:bold;
	font-size: 1.2em;
	margin-left:10px;
}
.fieldSetBody {
	padding: 0 20px;
}
.fieldSubSet {
	border:1px solid #ccc;
	padding:0px 10px 0px 10px;
	margin-top:3px;
	margin-bottom:10px;
}
.fieldSubSetTitle {
	border-bottom: 1px dotted #ccc;
	padding: 2px 0px 0px 0px;
	font-size:1.1em;
	font-weight:bold;
}
.summary {
	width: 100%;
}
.summary .featureMultiple {
	padding: 0 40px;
}
html>body .summary .featureMultiple {
	padding: 0 50px 0 40px;
}
.summary .featureMultiple li {
	overflow: hidden;
}
/*calendar*/
.ui-widget {
  font-family: Arial,sans-serif;
  font-size: 0.9em;
}