/* --- World Health Organization ----------------------------------------------------- */
/* --- CSS Framework: WHO bulletin table popup ------------------------------- */
/* --- Versions 

Version 0.5

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

/*<![CDATA[*/
@media all {

/* -------------------------------------------------------------------------------------
 AREAS
======================================================================================*/

/* body */
body {
	padding:0 0 30px 0;
	margin:0;
	background-color: #f5f5f5;
}

/* page */
#page {
	width:990px;
	padding:0 0 10px 0;
	margin:0 auto;
	background-color:#F5F5F5;
	background-image:url('../../img/shadow-bottom.gif');
	background-position:left bottom;
	background-repeat:no-repeat;
}

/* page */
.fluid #page {
	padding: 0;
	width:90%;
	background-image: none;
	border-bottom: solid 1px #ccc;
}
#wrapper {
	padding:0 5px;
	background-color:#F5F5F5;
	background-image:url('../../img/shadow.gif');
	background-position:left top;
	background-repeat:repeat-y;
}
.fluid #wrapper {
	padding: 0;
	background-image:none;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

/* header */
#header {
	position:relative;
	padding:0px;
	background-color:#1E7FB8;
	padding:10px 15px;
}

/* main */
#main {
	clear:both;
	background-color:#FFFFFF;
}

/* title */
#title {
	padding:10px 15px 9px 15px;
	background-color:#F5F5F5;
	border-bottom:1px solid #CCCCCC;
}


/* content */
#content {
	padding:15px;
}


/* footer */
#footer {
	width:100%;
	bottom: 0px;
	border-top:1px solid #CCCCCC;
	padding:15px;
	background-color: #f5f5f5;
}

#wrapper_popup #footer {
padding: 5px 15px;
}

/* foot */
#foot {
	left:15px;
	bottom:0px;
	width:100%;
}

#footer a, #foot a, #foot span {
	display:block;
	float:left;
	color:#666666;
}
#footer p a:hover {
	color:#D86422;
}
#footer p, #foot p a {
	color:#666666;
	font-size:12px;
}




/* -------------------------------------------------------------------------------------
 MAIN
======================================================================================*/
/* body */
body {
	font-family: Helvetica, Arial, sans-serif;
	color:#333333;
	font-size:13px;
}

/* clear */
.clear {
	clear:both;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
}

hr {
	clear:both;
	border:0;
	height:4px;
	border:none;
	background-image:url('../../img/lines.gif');
	background-position:left top;
	background-repeat:repeat-x;
}

/* -------------------------------------------------------------------------------------
 HEADINGS
 ======================================================================================*/

/* headers */
h1, #title h2 {	
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#D86422;
	padding:0;
	margin:0 0 18px 0;
}

#branding h1 {
	color: #fff;
	margin: 10px 0px;
}

#title h1, #title h2 {
	margin: 0px;
}

h1.title {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#333333;
	padding:0;
	margin:0 0 18px 0;
}

h2 {
	color: #333;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	margin: 0px 0px 12px;
	padding: 0px;

}

h3 {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	padding:6px 0 0 0;
	margin:0 0 9px 0;
}
h4 {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	margin:0 0 6px 0;
}
h5 {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#666666;
}
h6 {
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	color:#333333;
}

/* -------------------------------------------------------------------------------------
 TEXT 
 ======================================================================================*/

h1, h2, h3, h4, h5, p, ul, .box {
	width: 790px;
}

/* paragraph */
p {
	font-size:13px;
	line-height:18px;
	margin:0 0 18px 0;
}


/* text */
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
sup, sub {
	position: relative;
	font-size:9px;
	height:1;
	line-height:1;
	vertical-align: baseline;
	_vertical-align: bottom;
	background-color:#CCCCCC;	
}
sup {
	bottom:0.8ex;
}
sub {
	top:.5ex;
}
cite{
	font-style:italic;
}
cite:before {
	content:"«";
}
cite:after {
	content:"»";
}


/* -------------------------------------------------------------------------------------
 links
 ------------------------------------------------------------------------------------- */

/* link */
a {
	color:#196AAA ;
	text-decoration:none;
}
a:visited {
    color: #0F4262;
    }
a:hover {
	color:#D86422;
	text-decoration:none;
}
a[name], a[name]:hover, a.anchor, a.anchor:hover {
	color:#333333;
}




/* -------------------------------------------------------------------------------------
 CONTAINERS & BOXES
 ======================================================================================*/

/* #inlay (box element) */
.inlay, .inlay_color {
	padding:9px 9px 4px 9px;
	border:1px solid #CCCCCC;
	margin:0 0 18px 0;
	zoom:1;
	overflow: hidden;
}
.inlay_color {
	background-color:#F5F5F5;
	border: 1px solid #e6e6e6;
}

/* box */
.box {
	clear:both;
	background-image:url('../../img/lines.gif');
	background-position:left top;
	background-repeat:repeat-x;
	padding:9px 0 18px 0;
}
.plainbox {
	clear:both;
	padding:0 0 5px 0;
}
.box_title {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	padding:0 0 0 0;
	margin:0 0 12px 0;
}
.box_subtitle {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	margin:0 0 9px 0;
	padding:5px 0 0 0;
	border-top:1px solid #CCCCCC;
}


/* -------------------------------------------------------------------------------------
 TABLE
 ======================================================================================*/

/* table */
table.tableData, table.borderOn {
	border-collapse:collapse;
	margin:0 0 18px 0;
	border-bottom: 1px solid #666;
}
table.tableData thead td, table.tableData thead th, table.tableData tbody th, table.tableData tbody td, table.borderOn thead td, table.borderOn tbody th, table.borderOn tbody td  {
	font-size:13px;
	line-height:18px;
	padding:3px 5px 6px 5px;
	background-color:#F5F5F5;
	border-bottom:3px solid #FFFFFF;
}

table.tableData thead td, table.tableData thead th {
	border-bottom: none;
	vertical-align: bottom;
}


table.tableData tbody {
	border-top:3px solid #FFFFFF;
	border-bottom: 4px solid #e1e1e1;
}

table.tableData tfoot th, table.tableData tfoot td, table.borderOn tfoot th, table.borderOn tfoot td {
	font-size:12px;
	line-height:18px;
	padding:9px 0 3px;
	color:#999999;
}
.borderOn td {
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

table.tableData thead td, table.borderOn thead td, table.tableData thead tr th {
	font-weight: bold;
	background-color:#E1E1E1;
}



}


/*]]>*/