/* --- World Health Organization ----------------------------------------------------- */
/* --- CSS Framework: Levels 2 & 3 Branded applications------------------------------- */
/* --- Versions 

Version 0.5

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

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

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

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

/* page */
#page {
	width:990px;
	padding:0 0 10px 0;
	margin:0 auto;
	background-color:#F5F5F5;
	background-image:url('../../images/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('../../images/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 215px;
	background-color:#F5F5F5;
	border-bottom:1px solid #CCCCCC;
}

#title h1 {
	margin: 0px;
}

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


/* footer */
#footer {
	position:relative;
	border-top:1px solid #CCCCCC;
	padding:15px;
	background-color:#F5F5F5;
}

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

#foot a, #foot span {
	display:block;
	float:left;
	color:#666666;
	padding:5px 2px;
}
#foot p a:hover {
	color:#D86422;
}
#foot 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('../../images/lines.gif');
	background-position:left top;
	background-repeat:repeat-x;
}

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

/* headers */
h1 {	
	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;
}

h2, h1.title {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#333333;
	padding:18px 0 0 0;
	margin:0 0 18px 0;
}
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 
 ======================================================================================*/

/* 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;
}
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:hover {
	color:#D86422;
	text-decoration:none;
}
a[name], a[name]:hover, a.anchor, a.anchor:hover {
	color:#333333;
}


/* -------------------------------------------------------------------------------------
 GRID
 ------------------------------------------------------------------------------------- */

/* unit columns */
.unit_col_1, .unit_col_2, .unit_col_3, .unit_col_4, .unit_col_5, .unit_col_6, 
.unit_col_7, .unit_col_8, .unit_col_9, .unit_col_10, .unit_col_11, .unit_col_12, 
.unit_col_13, .unit_col_14, .unit_col_15, .unit_col_16, .unit_col_17, .unit_col_18, 
.unit_col_19, .unit_col_20, .unit_col_21, .unit_col_22, .unit_col_23, .unit_col_24,
.unit_col_1h {
	display:block;
	float:left;
	margin-right:10px;
}
.unit_col_1 {
	width:30px;
}
.unit_col_1h {
	width:55px;
}
.unit_col_2 {
	width:70px;
}
.unit_col_3 {
	width:110px;
}
.unit_col_4 {
	width:150px;
}
.unit_col_5 {
	width:190px;
}
.unit_col_6 {
	width:230px;
}
.unit_col_7 {
	width:270px;
}
.unit_col_8 {
	width:310px;
}
.unit_col_9 {
	width:350px;
}
.unit_col_10 {
	width:390px;
}
.unit_col_11 {
	width:430px;
}
.unit_col_12 {
	width:470px;
}
.unit_col_13 {
	width:510px;
}
.unit_col_14 {
	width:550px;
}
.unit_col_15 {
	width:590px;
}
.unit_col_16 {
	width:630px;
}
.unit_col_17 {
	width:670px;
}
.unit_col_18 {
	width:710px;
}
.unit_col_19 {
	width:750px;
}
.unit_col_20 {
	width:790px;
}
.unit_col_21 {
	width:830px;
}
.unit_col_22 {
	width:870px;
}
.unit_col_23 {
	width:910px;
}
.unit_col_24 {
	width:950px;
}
.unit_col_last {
	margin-right:0;
}

/* last column */
.col_last {
	margin-right:0;
}




/* -------------------------------------------------------------------------------------
 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('../../images/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;
}

/* -------------------------------------------------------------------------------------
 FORMS
 ======================================================================================*/

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

/* fieldset */
.form fieldset {
	padding:0 0 6px 0;
	margin:0 0 29px 0;
	border-bottom:1px solid #CCCCCC;
}

.form fieldset legend {
	font-family: 'Helvetica', Arial, Verdana, sans-serif;
	font-size:20px;
	line-height:21px;
	font-weight:bold;
	color:#000000;
	padding:3px 0 3px 0;
	margin:0;
}

/* field */
.form .field {
	margin:0 0 9px 0;
}



/* label */
label, .label {
	font-family: 'Helvetica', Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#333333;
	padding:3px 0 3px 0;
}
.form .label {
	display:block;
	float:left;
	width:110px;
}

/* error & info */
span.error, span.info {
	clear:both;
	display:block;
	float:left;
	font-family: 'Helvetica', Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#333333;
	padding:3px 5px 6px 120px;
}

/* error */
.form span.error {
	color:#FF0000;
}
.form .error label {
	color:#FF0000;
}
.form .error input {
	border-color:#FF0000;
}


/* info  */
.form .info {
	color:#666666;
}

/* inputs */
.input, input.text, select.select, textarea.textarea, input.radio, input.checkbox, input.submit, .submit input {
	font-family: 'Helvetica', Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#333333;
	margin:0;	
}
.form .input, .form input.text, .form select.select, .form textarea.textarea, .form input.radio, .form input.checkbox, .form .dropdown {
	display:block;
	float:left;
	margin:0 0 0 10px;
}

input.text:focus, select.select:focus, textarea:focus {
	border-color:#D86422;
}


/* input */
.input {
	padding:4px 0px 2px 0px;
}

/* text input */
input.text {
	width:140px;
	height:18px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:4px 4px 0px 4px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
input.tsmall {
	width:60px;
}
input.tsmall-2 {
	width:140px;
}
input.tlarge {
	width:380px;
}

/* textarea */
textarea.textarea {
	width:138px;
	height:72px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px 5px 2px 5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
textarea.talarge {
	width:348px;
	height:200px;
}


/* select */
select.select {
	width:150px;
	height:24px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:3px 1px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
select.ssmall {
	width:70px;
}
select.slarge {
	width:390px;
}
select.publisher {
	width:220px;
}
select.department {
	width:380px;
}

/* radio */
input.radio {
	border:none;
	background-color:transparent;
}
.form input.radio {
	padding:0;
	margin:6px 5px 0 10px;
}
label.label_radio {
	display:block;
	float:left;
	margin-right:15px;
}


/* checkbox */
input.checkbox {
	border:none;
	background-color:transparent;
}
.form input.checkbox {
	padding:1px 0 0 0;
	margin:5px 5px 0 10px;
}
label.label_checkbox {
	display:block;
	float:left;
	margin-right:15px;
}

/* submit */
input.submit {
	display:block;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	color:#333333;
	padding:8px 10px;
	margin:0;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input.submit:hover {
	color:#D86422;
	cursor:pointer;
}
input.primary {
	color:#196AAA ;
	border-color:#196AAA ;
}



/* buttonbar */
.buttonbar {	
}
.buttonbar ul li {
	display:block;
	float:left;
	margin:0 10px 0 0;
	line-height:18px;
}
.form fieldset.buttonbar {
	padding:6px 0;
	margin:0;
	border-bottom:none;
}

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

/* table */
table.tableData, table.borderOn {
	width:100%;
	border-collapse:collapse;
	margin:0 0 18px 0;
}
table.tableData thead td, 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 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 {
	font-weight: bold;
	background-color:#E1E1E1;
}



}


/*]]>*/