@charset "utf-8";

/* General settings */
body {
 margin: 0 1%;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 word-spacing: 1px;
 line-height: 1.1em;
 width: 98%;
}

a {
 color: #8a3836;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

a img {
 border: none;
}

ul {
 margin: 3px;
 padding: 0 0 0 12px;
 list-style-position: inside;
 list-style-type: square;
 /*text-indent: -12px;*/
 list-style-position: outside;
 display: inline-block;
}

ul ul {
 display: block;
 padding: 0;
}

li {
 padding: 2px 0 0 0px;
}

table { /* border-collapse: collapse; */ /* why would this be needed? */
 border: 0;
}

th {
 white-space: nowrap;
 text-align: left;
}

td {
 vertical-align: top;
}

td ul {
 padding: 0.5em;
}

/* table in content */
#abstract table, table.tabular {
 background-color: #fff;
 border: 1px #aaa solid;
 border-collapse: collapse;
 border-spacing: 0px;
}
#abstract table td, #abstract table th, table.tabular td, table.tabular th {
 border: 1px #aaa solid;
 padding: 0 5px;
}

.full {
 width: 100%;
}

form { /* for IE */
 margin: 0;
 padding: 0;
}

p {
 padding: 0 0 10px 0;
 margin: 0;
}

.bordered {
 overflow: hidden;
 padding: 1px;
 border: 1px solid #8a3836;
}

/* Min-width */
.mwcontainer {position:relative; width:100%; min-width:1200px;}
.mwholder {display:block; color:#000;}

/* method 2 a bodge for IE browsers IE5.01, IE5.5 and IE6 */
* html .mwcontainer {border-right:1200px solid #fff;}
* html .mwholder {float:left; position:relative; margin-right:-1200px;}

/* Column settings (old float layout) */ /*
.colmask {
 position: relative; /* This fixes the IE7 overflow hidden bug *\
 clear: both;
 float: left;
 width: 100%; /* width of whole page *\
 overflow : hidden ;  /* This chops off any overhanging divs *\
}

.colleft {
 float: left;
 width: 100%;
 position: relative;
}

.content,#left-column {
 float: left;
 position: relative;
 padding: 0 0 0 0;
 /* overflow: hidden;*\
}

.leftmenu {
 background: #fff; /* right column background colour *\
}

.leftmenu .colleft {
 right: 80%; /* right column width *\
}

.leftmenu .content {
 width: 78%; /* right column content width *\
 left: 102%; /* 100% plus left column left padding *\
}

.leftmenu #left-column {
 width: 21%;
 /* left column content width (column width minus left and right padding) *
 left: 2%;
 /* (right column left and right padding) plus (left column left padding) *
}

.rightcol {
 width: 31%;
 float: right;
 margin: 0;
 font-size: 8pt;
 border-left: 10px solid #fff;
}
*/ /* Column settings (new layout) (a: 15px)

   |0|   260    |0|a|         |a|0|   300   |0|

   | ************ | *********** | *********** |
   | *   left   * | *  middle * | *  right  * |
   | ************ | *********** | *********** |

   |     260      |             |     300     |
*/
.colmask {
 position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
 clear: both;
 float: left;
 width: 100%; /* width of whole page */
 overflow: hidden; /* This chops off any overhanging divs */
}

/* holy grail 3 column settings */
.holygrail {
 /* background: #ff9;  Right column background colour */
}

.holygrail .colmid {
 float: left;
 width: 200%;
 margin-left: -300px; /* Width of right column */
 position: relative;
 right: 100%;
 /* background: #fff;  Centre column background colour */
}

.holygrail .colleft {
 float: left;
 width: 100%;
 margin-left: -50%;
 position: relative;
 left: 560px; /* Left column width + right column width */
 /* background: #FFD8B7;  Left column background colour */
}

.holygrail .col1wrap {
 float: left;
 width: 50%;
 position: relative;
 right: 260px; /* Width of left column */
 padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {
 margin: 0 315px 0 275px; /* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
 position: relative;
 left: 200%;
 /*overflow: hidden; kf*/
}

.holygrail .col2 {
 float: left;
 float: right; /* This overrides the float:left above */
 width: 260px; /* Width of left column content (left column width minus left and right padding) */
 position: relative;
 right: 0px; /* Width of the left-had side padding on the left column */
}

.holygrail .col3 {
 float: left;
 float: right; /* This overrides the float:left above */
 width: 300px; /* Width of right column content (right column width minus left and right padding) */
 margin-right: 0px; /* Width of right column right-hand padding + left column left and right padding */
 position: relative;
 left: 50%;
}

/* Footer styles */
#footer {
 clear: both;
 float: left;
 width: 100%;
}

#footer p {
 padding: 10px;
 margin: 0;
}

/* Featured */
.news_slider .fl {
 float: left;
 display: inline;
}
.news_slider img {
 max-width: 75px;
 max-height: 75px;
 border: 0;
 display: block;
}
.news_slider {
 font-size: 8pt;
 position: relative;
 width: 600px;
 margin: 0 auto 20px auto;
 text-align: left;
}
.news_slider .messaging {
 display: block;
 padding: 5px;
 margin: 0 20px 5px 20px;
 background: #eee;
}
.news_slider .prev, .news_slider .next {
 position: absolute;
 top: 42%;
 display: none;
}
.news_slider .next {
 right: 0;
}
.news_slider .container {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 background: #eee;
}
.news_slider .news_items {
 /* The width must be equal to .item ((width + margin-right) * 2). */
 position: relative;
 width: 560px;
 top: 0;
 left: 20px;
 overflow: hidden;
}
.news_slider .view_all {
 font-size: 10pt;
 font-weight: bold;
 padding: 5px;
 margin: 0 0 2px 0;
 border-top: #eee 2px solid;
 border-bottom: #eee 2px solid;
 text-align: center;
}
.news_slider .item {
 /* Must contain a width and a margin-right. */
 width: 270px;
 margin-right: 10px;
}
.news_slider .item a {
 font-weight: bold;
}
.news_slider .item div {
 /*font-size: .8em;*/
 width: 175px;
 padding: 10px 0 10px 0;
}
.news_slider .item img {
 padding: 10px;
}

/* Content area */
.floattextimage.left {
 float: left;
 padding: 2px 10px 2px 2px;
}

.floattextimage.right {
 float: right;
 padding: 2px 10px 2px 2px;
}

.clear {
 clear: both;
}

.content {
 font-size: 9pt;
 color: #444;
}

.content p {
 margin: 4px 0 0 0;
 background-color: transparent;
}

.content h1 {
 font-size: 10.5pt;
 margin: 0px 0 0 0;
 letter-spacing: 0.08em;
 color: #b5000a;
 padding: 5px 0;
 background-color: transparent;
}

.content h2 {
 font-size: 10pt;
 color: #333;
 margin: 10px 0 3px 0;
 letter-spacing: 0.05em;
 background-color: transparent;
}

.content h3 {
 font-size: 8.75pt;
 margin: 10px 0 0px 0;
 letter-spacing: normal;
 background-color: transparent;
}

.content h4, h4 {
 font-size: 8.5pt;
 margin: 5px 0 0 0;
 font-weight: bold;
 letter-spacing: normal;
 background-color: transparent;
}

.content a:hover h1,.content a:hover h2,.content a:hover h3,.content a:hover h4 {
 text-decoration: underline;
}

.content h1.title {
 margin: 10px 0 5px 0;
}

.content li h3 {
 display: inline;
 padding: 0;
 margin: 0;
}

.content li p {
 display: inline;
}

.content a.footnote {
 vertical-align: super;
 font-size: 7pt;
}

.content .footnotes {
 font-size: 8pt;
 color: #666;
}

.content .floattextimage img {
 max-width: 200px;
 max-height: 200px;
 padding: 1px;
 border: 1px solid #8a3836;
}

.content .toc {
 width: 100%;
 margin: 5px 0;
}

.content .totop {
 font-size: 7pt;
}

/* Breadcrumb */
#breadcrumb-menu {
 margin-top: 5px;
 font-size: 7pt;
 color: #aaa;
 margin-bottom: 0;
}

#breadcrumb-menu a {
 color: #ccc;
}

#breadcrumb-menu ul {
 display: inline;
 padding: 0;
 margin: 0;
}

#breadcrumb-menu li {
 display: inline;
 background: url(images/assets/breadcrumb-divider.gif) 5px 4px no-repeat;
 padding: 0 0 0 15px;
}

/* Buttons on top of content */
#functions {
 float: right;
 margin: 5px 0 0 0;
 padding: 0;
 height: 18px;
}

#functions ul {
 display: inline;
 margin: 0;
}

#functions li {
 display: inline;
 padding: 0;
 text-indent: 0;
 margin: 0 3px 0 0;
}

/* Footer */
#footer {
 font-size: 8pt;
 color: #666;
 text-align: center;
 margin-top: 20px;
 clear: both;
}

#footer a {
 color: #666;
}

/* Content language and download area */
.langs,.downloads {
 background: url(images/assets/chevrons.gif) no-repeat 0px 3px;
 margin: 0 0 5px 0;
 padding: 0 0 0 20px;
 font-size: 8pt;
}

.langs ul,.downloads ul {
 margin: 0;
 padding: 0;
 display: inline;
 text-indent: 0;
}

.langs li,.downloads li {
 display: inline;
 margin: 0 5px 0 0;
 padding: 0;
 text-indent: 0;
}

/* Special areas with special formatting */
#logo-governance {
 float: left;
 margin-right: 12px;
}

#logo-icar {
 padding-top: 10px;
}

#logo-kc {
 margin-top: 18px;
}

/* Main navigation menu */
#main-navig {
 margin: 10px 0;
 background-image: url(images/assets/bg-mainmenu.gif);
 height: 30px;
}

#main-navig ul {
 list-style-type: none;
 padding: 5px 0 0 0;
 margin: 0;
 text-indent: 0;
}

#main-navig li {
 display: inline;
 padding: 0 1px;
}

#main-navig a {
 background-image: url(images/assets/bg-mainmenu.gif);
 text-decoration: none;
 color: #fff;
 font-size: 10pt;
 font-weight: bold;
 padding: 6px 8px 7px 8px;
}

#main-navig a:hover {
 text-decoration: underline;
}

#main-navig a.active {
 background-image: url(images/assets/bg-mainmenu-active.gif);
}

/* Top-right "About ICAR" menu */
#top-menu {
 float: right;
 font-size: 8pt;
 width: 180px;
 margin: 0;
}

#top-menu,#top-menu a {
 color: #757575;
}

/* Enumerations with spans */
.enum {
 margin-right: 6px;
}

/* Inline images */
img.inline {
 vertical-align: bottom;
}

/* Forms */
.formitem {
 margin-top: 5px;
 margin-bottom: 5px;
}

.formitem label,.formitem .label {
 color: #8a3836;
 font-weight: bold;
}

.formitem .wide {
 width: 50%;
}

.formdesc {
 font-size: 10px;
 line-height: 12px;
 color: #777;
}

/* Boxes */
.rnd .rndtop div {
 background: url(images/assets/greytl.png) no-repeat top left;
}
.rnd.red .rndtop div {
 background: url(images/assets/redtl.png) no-repeat top left;
}

.rnd .rndtop {
 background: url(images/assets/greytr.png) no-repeat top right;
}
.rnd.red .rndtop {
 background: url(images/assets/redtr.png) no-repeat top right;
}

.rnd .rndbottom div {
 background: url(images/assets/greybl.png) no-repeat bottom left;
}
.rnd.red .rndbottom div {
 background: url(images/assets/redbl.png) no-repeat bottom left;
}

.rnd .rndbottom {
 background: url(images/assets/greybr.png) no-repeat bottom right;
}
.rnd.red .rndbottom {
 background: url(images/assets/redbr.png) no-repeat bottom right;
}

.rnd .rndtop div,.rnd .rndtop,.rnd .rndbottom div,.rnd .rndbottom {
 width: 100%;
 height: 6px;
 font-size: 1px;
}

.rnd {
 background: #eee;
 margin: 4px 0;
}
.rnd.red {
 background: #eee;
}

.rnd .rndcontent {
 margin: 0 6px;
 font-size: 8pt;
 color: #444;
}

.rnd .rndcontent a.func,.rnd .rndcontent a.func:visited {
 font-size: 8pt;
 color: #444;
}

.rnd .rndcontent a:hover {
 text-decoration: underline;
}

.rnd .rndcontent h2, .rnd .rndcontent h3 {
 font-size: 9.5pt;
 margin: 5px 0;
 background-color: transparent;
 color: #333;
}

.rnd .rndcontent h3 {
 font-size: 9pt;
}

.rnd .rndcontent h2 a {
 color: #b5000a;
 text-decoration: none;
}

/* Tables in boxes (for forms) */
.rnd .rndcontent td.spaced {
 padding-left: 10px;
}

/* Forms in boxes */
.rnd .rndcontent select {
 width: 100%;
}

/* Specific boxes: Donors box */
#logos div {
 display: inline;
 margin-right: 10px;
}

/* Specific boxes: Contact information */
.contactinfo ul {
 text-indent: 0;
 margin: 0;
 display: block;
 padding: 0;
}

.contactinfo ul li {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

/* Specific boxes: Navigation box */
.nav strong {
 font-weight: normal;
}

.nav .active {
 font-weight: bold;
}

.nav .activepath {
 font-weight: bold;
}
/* Search panel for instruments, etc. */
.search-countries-tags td {
 width: 33%;
}

.search-countries-tags td td {
 width: 100%;
}
.search-countries-tags td td.icn {
 width: 16px;
}

/* Glossary page: A ... Z index */
.content ul.glossary {
 padding: 0;
 text-indent: 0;
 margin: 0 0 15px 0;
}

.content ul.glossary li {
 display: inline;
 padding: 0;
}

/* Content icons */
.file {
 background: url(images/file_icons/page_white.png) no-repeat;
 padding-left: 20px;
}

.node {
 background: url(images/file_icons/page_white_node.png) no-repeat;
 padding-left: 20px;
}

.pdf {
 background: url(images/file_icons/page_white_acrobat.png) no-repeat;
 padding-left: 20px;
}

.doc {
 background: url(images/file_icons/page_white_word.png) no-repeat;
 padding-left: 20px;
}

.xls {
 background: url(images/file_icons/page_white_excel.png) no-repeat;
 padding-left: 20px;
}

.pwt {
 background: url(images/file_icons/page_white_powerpoint.png) no-repeat;
 padding-left: 20px;
}

.swf {
 background: url(images/file_icons/page_white_flash.png) no-repeat;
 padding-left: 20px;
}

.html,.htm {
 background: url(images/file_icons/page_white_html.png) no-repeat;
 padding-left: 20px;
}

.docicon {
 display: block;
}

/* AJAX auto-completion field (on Glossary page, etc.) */
div.wicket-aa {
 font-size: 10pt;
 background-color: white;
 border-width: 1px;
 border-color: #cccccc;
 border-style: solid;
 padding: 2px;
 margin: 1px 0 0 0;
 text-align: left;
}

div.wicket-aa ul {
 list-style: none;
 padding: 2px;
 margin: 0;
}

div.wicket-aa ul li.selected {
 background-color: #eee;
 padding: 2px;
 margin: 0;
 text-indent: 0;
}

/* Icons */
.ok {
  background: url(images/icons/ok.png) no-repeat left center;
  width: 10px;
  height: 10px;
  padding-left: 17px;
}

/* Tabbed panels, see http://nontroppo.org/test/tab1.html  */
.tab-row ul {
 font-size: 7.5pt;
 border-bottom: 2px solid #8a3836;
 margin: 12px 0px 10px 0px;
 padding: 0px;
 z-index: 1;
 padding-left: 10px
}

.tab-row li {
 display: inline;
 overflow: hidden;
 list-style-type: none;
 padding: 0 0 0 4px;
}

.tab-row li a,.tab-row li.selected a {
 color: #eee;
 background: #8a3836;
 font-weight: bold;
 border: 2px solid #8a3836;
 padding: 2px 5px 2px 5px;
 margin: 0;
 text-decoration: none;
}

.tab-row li.selected a {
 color: #8a3836;
 background: #eee;
 border-bottom: 3px solid #eee;
}

.tab-row li a:hover {
 color: #fff;
 background: #8a3836;
}

.tab-row li.selected a:hover {
 background: #eee;
 color: #8a3836;
}

/* Node editing ops */
a.notinbag {
 background: url(images/assets/bagged.png) no-repeat;
 padding-left: 14px;
}

a.inbag {
 background: url(images/assets/notbagged.png) no-repeat;
 padding-left: 14px;
}

a.paste {
 background: url(images/assets/paste.png) no-repeat;
 padding-left: 14px;
}

/* Unpublished nodes */
.notpub {
 background-color: #ecc;
}

/* Modal window settings */
.wicket-modal {
 font-size: 9pt;
}
/* Original Wicket tabs */ /*
div.tab-row {
 float: left;
 width: 100%;
}

div.tab-row ul,.rndcontent div.tab-row ul {
 padding: 0;
 margin: 0;
 list-style: none;
 list-style-type: none;
 text-indent: 0;
}

div.tab-row li {
 padding: 0;
 margin: 0;
 float: left;
}

div.tab-row a {
 display: block;
 text-decoration: none;
 font-weight: bold;
 color: #949494;
}

div.tab-row li.selected a {
 color: #333;
}*/

/* File uploads */
div.wupb-border {
 margin: 0 0;
}

/* Case study panel */
.casestudy ol {
 margin: 0;
 padding: 0 0 0 23px;
}
.casestudy ol.singleton {
 padding: 0;
 margin: 0;
 text-indent: 0;
 list-style-type: none;
}