/* ---------------

Health Regulation Worldwide
General Styles
Author - ReadingRoom Ltd.
03/03/09

--------------- */
/* --- Global styles --- */
html * {margin: 0;	padding: 0;}
body {	background: #e6e8ed url(/images/bg.gif) repeat-x;	color: #000;	font-family: Arial, Helvetica, sans-serif;	font-size: 62.5%;text-align: center;}
p {font-size: 1.2em;	color:#363636;	line-height:1.4em;}
img {border: none;}
#wrapper {text-align: left;width: 100%;margin: 0 auto;	max-width: 875px;min-width: 770px;}
#outerWrapper {background: #ffffff url(/images/bdr_left.gif) repeat-y left;float: left;width: 100%;}
#innerWrapper {background: url(/images/bdr_right.gif) repeat-y right;width: 100%;float: left;}
#header {float: left;width: 100%;margin-bottom: 10px;position: relative;	min-height: 90px; height: auto!important; height: 90px;}
#hpcLogo{position:absolute; top:30px; right:20px; width:270px;}
#hpcLogo p{float:left; width:130px; margin-top:1em; line-height:1.3em; color:#898989;}
#hpcLogo img{}
#hpcLogo a{float:right; width:140px;}


#logo {position: absolute; left: 15px; top: 40px; color:#af006e; font-size:2.3em; overflow:hidden; width:411px; height:29px;}
#logo a{color:inherit; text-decoration:none;}
#logo a span{width:100%; height:100%; position:absolute; top:0; left:0; background:url(/images/hrw-logo.gif) top left no-repeat;}
#topLinks {position: absolute; top: 12px; left:14px; right: 15px;}
#topLinks a {color: #666;text-decoration: none; font-size:1.2em; background:url(/images/ico-submit.gif) 0 50% no-repeat; padding-left:20px;}
#topLinks a:hover {text-decoration: underline;}


/*--Navigation--*/
#topNav {padding: 0 3px;}
#topNav ul {width: 100%;clear: left;border-top: 1px solid #b8cad8;float: left;background: #cedbe7 url(/images/bg_topnav.gif) repeat-x bottom;margin-bottom: 1em;}
#topNav li {list-style: none;float: left;padding: 1.5em 0;line-height: 1.2em;}
#topNav li a {color: #333;text-decoration: none;font-size: 1.3em;font-weight:bold; padding: .7em 7px 1.2em 7px;}
	#topNav li.africa a:hover,
	#topNav li.africa a:focus,
	#topNav li.africa.active a{color:#e8a712;}
	#topNav li.asia a:hover,
	#topNav li.asia a:focus,
	#topNav li.asia.active a{color:#243a4f;}
	#topNav li.caribbean a:hover,
	#topNav li.caribbean a:focus,
	#topNav li.caribbean.active a{color:#243a4f;}
	#topNav li.centralAmerica a:hover,
	#topNav li.centralAmerica a:focus,
	#topNav li.centralAmerica.active a{color:#ec008d;}
	#topNav li.europe a:hover,
	#topNav li.europe a:focus,
	#topNav li.europe.active a{color:#0078ae;}
	#topNav li.middleEast a:hover,
	#topNav li.middleEast a:focus,
	#topNav li.middleEast.active a{color:#f15c23;}
	#topNav li.northAmerica a:hover,
	#topNav li.northAmerica a:focus,
	#topNav li.northAmerica.active a{color:#642d8a;}
	#topNav li.oceania a:hover,
	#topNav li.oceania a:focus,
	#topNav li.oceania.active a{color:#006b6e;}
	#topNav li.southAmerica a:hover,
	#topNav li.southAmerica a:focus,
	#topNav li.southAmerica.active a{color:#79a22e;}
	#topNav li.worldwide a:hover,
	#topNav li.worldwide a:focus,
	#topNav li.worldwide.active a{color:#000;}
	
	
#topNav li a:hover,
#topNav li.active a {background: #ffffff;}
#footerContainer {clear: both;width: 100%;float: left;background: url(/images/bdr_bottom.gif) repeat-x bottom;} 
#innerFooterContainer {float: left;background: url(/images/left_corner.gif) no-repeat left bottom;width: 100%;}
#footerLinks {padding: 0 10px;}
a{color:#006b6e;text-decoration: none;}
fieldset{border:none; padding:0; margin:0;}
h3{font-size:1.4em;  color:#004071; margin-bottom:0.5em;}
/* --- End of global styles --- */

/*--Forms--*/

input,button{vertical-align:middle; font-size:1.6em; color:#6283aa; padding:0.2em 0.1em 0.4em 0.1em; margin:3px; border:1px solid #6c6c6c;}
	button{background:#b9e5e5 url(/images/bg-btn.gif) repeat-x bottom; color:#000; padding:0.23em 0.3em;}
	button:hover,
	button:focus{background-position:top;}
	.searchInput {width:200px;}
	
	/*Advanced Search*/
	.left label{font-size:1.3em; float:left; clear:both; width:15%; text-align:right; padding-top:0.5em;}
	.left label.mandatory{float:left; clear:none; color:#f00; text-align:left; margin-left:10px;}
	.left input{width:40%;float:left; margin:0 0 10px 20px;}
	.left button{float:left; clear:both; margin-left:18%;}
	.left p.advs{margin:10px 0 0 18%;}
	
	/*Submit Form*/
	.left textarea,
	.left select{width:40.8%; float:left; margin:5px 0 10px 20px;  font-family:inherit; border:1px solid #6c6c6c;}
	.left textarea{overflow:auto;}
		.left select.multiple{overflow:show;padding:0 0.1em 0.4em;}
		.left select.multiple option{padding:0.2em 0.6em;}
		
		
		.left select option[selected]{background:#004071; color:#fff;}
		.left optgroup{padding:0 0 5px 0;}
		.left optgroup option{padding-left:1em;}
		select.group option{font-weight:bold;}
		select.group optgroup option{font-weight:normal;}
		
		.error{border:1px solid #af006e; padding:1em; margin:0 0 1.5em 0; width:70%; background:#f7e5f0;}
		.error h3{background:url(/images/ico-error.gif) no-repeat 0 0; padding-left:20px;}
		.error p{color:#000; margin-bottom:0.3em !important; margin-left:25px;}
		.error p label{font-size:inherit; display:inline; font-weight:bold; float:none; border-bottom:1px dotted #888; cursor:pointer;}
	
#quickFind{background:#c8c8c9 url(/images/bg-form.gif) repeat-x bottom;}
	#quickFind button,
	#quickFind input{margin:3px 0 3px 3px;}

/*--Subheader --*/
#mainPannelContainer {float: left;background:#0f4f93 url(/images/bg_main.jpg) repeat-x bottom;margin-bottom: 1em;width: 100%;padding-bottom: 3px;}
	#mainPannelContainer .right{padding:10px 0;}
	#mainPannel {background: url(/images/mainPannel.jpg) no-repeat bottom right;float: left;width: 100%;}
	#mainPannel a{color:#d5ffff;}
	#mainPanelInner h1 {color: #fff;font-size: 2.5em;font-weight: normal;	width:60%;padding:10px 0;}
	#mainPanelInner h3{color:#fff; font-size:1.6em; font-weight:normal;}
	#mainPanelInner form input,
	#mainPanelInner form button{border-color:#003f63;}
	#mainPanelInner form input{float:left; margin-right:0;}
	#mainPanelInner form button{float:right;}
	.advSearch{text-align:right; font-size:1.1em;}

/*--Page Styles--*/
.pageContainer{padding-bottom:20px; float:left;}
	.left{width:534px; padding-left:20px; float:left;}
	.right{width:295px; padding-right:20px; float:left;}
	.pageContainer h2{font-weight:normal; font-size:2.1em; color:#004071; padding-bottom:0.3em;}
	.pageContainer a:hover{text-decoration:underline;}
	
	
	
	
/*--WorldMap--*/
#worldMap{width:484px; height:250px; background:url(/images/mapFaint.png) no-repeat top left; position:relative; z-index:0; margin-top:20px;}
	#worldMap #highlightLayer{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-position:0 0; background-repeat:no-repeat; }
	#worldMap dl{}
		#worldMap dl dt,
		#worldMap dl dd span{display:none;}
		#worldMap dl dd{position:absolute; display:block; z-index:20;}
		#worldMap dl dd a{position:absolute; width:100%; height:100%; display:block; outline:none;}
		#worldMap dl dd.northAmerica{top:0; left:0; height:112px; width:207px;}
		#worldMap dl dd.centralAmerica{top:112px; left:57px; height:37px; width:64px;}
		#worldMap dl dd.caribbean{top:112px; left:121px; height:37px; width:22px;}
		#worldMap dl dd.southAmerica{top:149px; left:109px; height:101px; width:73px;}
		#worldMap dl dd.europe{top:0; left:207px; height:94px; width:102px;}
		#worldMap dl dd.africa{top:112px; left:198px; height:74px; width:97px;}
		#worldMap dl dd.middleEast{top:94px; left:272px; height:44px; width:37px;}
		#worldMap dl dd.asia{top:0; left:309px; height:162px; width:175px;}
		#worldMap dl dd.oceania{top:162px; left:375px; height:67px; width:91px;}
		
#tooltip{text-align:left; position:absolute; z-index:21; border:1px solid #6a8ba4; min-height:20px; background:#d8e1e7;padding:12px 10px;display:none;}
	#tooltip em{display:inline; background:url(/images/pinkArrow.gif) no-repeat 100% 60%; padding-right:10px; font-weight:bold; font-size:1.4em; color:#004071;}
	#tooltip span{position:absolute; top:-1px; left:-20px; width:20px; height:42px; display:block; background: transparent url(/images/toolTipPoint.png) top left no-repeat;}
	#tooltip.table{width:150px;}
	#tooltip.table em{background:none;}
	
/*--Internal Content Page Styles--*/
.internal .pageContainer .left{width:680px;}
/*.internal.sr .pageContainer .left{width:830px;}*/

.internal .pageContainer .right{width:149px;}
.pageContainer.lower{width:100%;}
	.internal .pageContainer.lower .right{float:right; width:149px;}
	.internal .pageContainer .right p{padding:0 15px;}
	a.backToTop{background:url(/images/top.gif) no-repeat 0 50%; padding-left:15px;}
	a.backToCountries:before{content:'<< ';}

table#resultsListing{width:100%; border:2px solid #b2c3d0; border-collapse:collapse; float:left;}
	table#resultsListing tr{vertical-align:top;font-size:1.3em; border-bottom:1px solid #b2c3d0;}
	table#resultsListing tr.headings{background:#e8ecef url(/images/bg-th.gif) repeat-x bottom;}
	table#resultsListing tr th {text-align:left; padding:0.6em 10px; background:url(/images/tbl-bdr-right.gif) 100% 50% no-repeat;}
	table#resultsListing tr th.last{background:none;}
	table#resultsListing tr td{padding:0.6em 10px;vertical-align:top;}
	table#resultsListing tr td ul{list-style-image:url(/images/arrow-bullet.gif); list-style-position:inside;}
	table#resultsListing tr.alt td{background:#E1E6EC;}
	table#resultsListing tr td.org{font-weight:bold;}

/*--Countries Listing --*/
#countriesWrapper{width:830px; float:left; margin-bottom:15px;}
	#countriesWrapper ul{width:100%;float:left; list-style:none;}
		#countriesWrapper li{width:23.3%; float:left; margin:0 10px 0 3px; display:block;}
		#countriesWrapper li a{padding:0.3em 0; display:block; font-size:1.3em;}
		#countriesWrapper .col.last{margin-right:0;}
		
	
/* --- Footer styles --- */
#innerFooterContainer ul {border-top:1px solid #8d8d8f;padding:7px 0 3px;list-style-type: none;margin-bottom: 7px;float: left;width: 100%;font-size:0.8em;}
#innerFooterContainer li {	float: left;font-size: 1.2em;border-right: 1px solid #666;	padding-right: 4px;	margin-right: 4px;}
#innerFooterContainer li a:hover {	text-decoration: underline;}
#innerFooterContainer li.last {border: none;}
#info {	color: #666;clear: both;float: left;width: 100%;font-size:0.8em;}
#address {float: left;padding-bottom: 10px;	padding-left: 10px;}
#readingroom {text-align: right;	background: url(/images/right_corner.gif) no-repeat right bottom;	padding-bottom: 10px;padding-right: 10px;}
#content {clear: both;padding: 0 3px;}
#content p {	margin-bottom: 1em;}
/* End of home page styles --- */
div.offScreen{ position: absolute; left: -9999px; float: left; clear: both;}