/* FR pages - commonly used styles */

/*=== HIGHLIGHTS ===*/

/* Theme summary with image and strapline */

.themesummary {background-color:#bfe7ff;padding:10px;margin-bottom:1em;float:left;}
.themesummary img {float:right;margin-left:10px;}
.themesummary p.strap {font-weight:bold;}

/* Links to navigational pages with icons  */

.seealso {clear:left;background-color:#bfe7ff;margin-top:1em;padding:10px;position:relative;}
.seealso h2 {margin-top:0;margin-bottom:5px;font-size:1.1em;}
.seealso ul {list-style-type:none;padding-left:0;margin-left:0;}
.seealso ul li {float:left;position:relative;padding-right:6px;width:24%;font-weight:bold;}
.seealso ul li img {float:left;margin-right:4px;}
.seealso div {clear:left;font-size:1px;line-height:1px;}

/* Summary in bold */

.synopsis {background-color:#bfe7ff;padding:10px;font-weight:bold;}

/*=== LISTS ===*/

/* Links (standard indent) */

.links {list-style-type:none;list-style-image: url(/images/fcdgreen_chevron.gif/$FILE/fcdgreen_chevron.gif);}

/* Links (left-aligned) */

.linksleft {list-style-type:none;margin-left:0;padding-left:0;}
.linksleft li {background-image: url(/images/fcdgreen_chevron.gif/$FILE/fcdgreen_chevron.gif);padding-left:15px;background-repeat:no-repeat;background-position:0 3px;}

/* Individual link (paragraph) */

.link {background-image: url(/images/fcdgreen_chevron.gif/$FILE/fcdgreen_chevron.gif);padding-left:15px;background-repeat:no-repeat;background-position:0 3px;}

/* Thumbnails (60x60) */

.icons {list-style-type:none;margin-left:0;padding-left:0;}
.icons li a {font-weight:bold;}
.icons li {clear:left;margin-bottom:1em; zoom:1;/*Hack stops IE double spacing*/}
.icons li img {float:left;margin-right:0.5em;margin-bottom:1em;}

/* Space list entries */

.spaced li {margin-bottom:1em;}

/* PDF lists */

.pdflist li {margin-bottom:0.5em;}

/*=== EVENTS ===*/

/* Event page summaries */

div.events h2 {margin-bottom:0;font-size:1em;}
div.events p {margin:0;}
div.events p.location span {font-weight:bold;}
div.events p.organisation {color:#666699!important;}
div.events p.organisation span {font-weight:bold;}

/*=== NEWS ===*/

.headline {color:#333333;font-weight:bold;font-size:1.1em;}
.newsstrap {font-size:0.8em;border-bottom:1px solid #cccccc;color:#333333;}

/*=== CAPTIONED IMAGES ===*/

/* Declare widths inline (e.g. image width)
/* Positioning variants: float left (*l) and float right (*r)
/* Use: DIV(cimg*) caption BR IMG BR caption /DIV
/* Text in SPAN is in bold, except when in A SPAN then has magnifying glass icon (i.e. for 'enlarge' link)
/* Only links in SPAN are underlined (prevents FF underlining thumbnail links) */

.cimg {margin-bottom:20px;padding:9px;text-align:center;color:#333333;background-color:#eff6ec;}
.cimg img {margin-bottom:4px;border:1px solid #333333;}
.cimg a {text-decoration:none!important;}
.cimg span {font-weight:bold;}
.cimg a span {background-image: url(/images/mag_green16.gif/$FILE/mag_green16.gif);padding-left:22px;background-repeat:no-repeat;font-weight:normal!important;text-decoration:underline!important;}

.cimgl {clear:left;float:left;margin-right:20px;margin-bottom:20px;padding:9px;text-align:center;color:#333333;background-color:#eff6ec;}
.cimgl img {margin-bottom:4px;border:1px solid #333333;}
.cimgl a {text-decoration:none!important;}
.cimgl span {font-weight:bold;}
.cimgl a span {background-image: url(/images/mag_green16.gif/$FILE/mag_green16.gif);padding-left:22px;background-repeat:no-repeat;font-weight:normal!important;text-decoration:underline!important;}

.cimgr {clear:right;float:right;margin-left:20px;margin-bottom:20px;padding:9px;text-align:center;color:#333333;background-color:#eff6ec;}
.cimgr img {margin-bottom:4px;border:1px solid #333333;}
.cimgr a {text-decoration:none!important;}
.cimgr span {font-weight:bold;}
.cimgr a span {background-image: url(/images/mag_green16.gif/$FILE/mag_green16.gif);padding-left:22px;background-repeat:no-repeat;font-weight:normal!important;text-decoration:underline!important;}

/* Modifier classes */

.cimgp {padding:0px!important;background-color:white!important;}		/* Enlarge popup (no caption) */

/*=== IMAGE GALLERY ===*/

/* Gallery of images with (optional) 'enlarge' link and captions below
/* Declare width of LI as appropriate
/* Use UL(imggallery) LI img+link BR caption /LI /UL 
/* Text in SPAN is bold except where in A SPAN then has magnifying glass icon (i.e. for 'enlarge' link)
/* For caption to right omit BR and use imggalleryl modifier class below
/* Only links in SPAN are underlined (prevents FF underlining thumbnail links) */

.imggallery {list-type-image:none;list-style-type:none;padding-left:0;margin-left:0;}
.imggallery li {float:left;margin-right:20px;margin-bottom:20px;padding:9px;text-align:center;color:#333333;background-color:#eff6ec;}
.imggallery li img {margin-bottom:4px;border:1px solid #333333;}
.imggallery li a {text-decoration:none!important;}
.imggallery li span {font-weight:bold;}
.imggallery li a span {background-image: url(/images/mag_green16.gif/$FILE/mag_green16.gif);padding-left:22px;background-repeat:no-repeat;font-weight:normal!important;text-decoration:underline!important;}

/* Modifier classes */

.imggalleryp li {padding:0px!important;background-color:white!important;}	/* Enlarge popup (no caption) */
.imggalleryl li a {float:left;margin-right:10px;}				/* Image and enlarge link to left of caption */
.imggalleryl li {text-align:left!important;}					/* Image and enlarge link to left of caption */ 

/*===  PARAGRAPHS WITH IMAGE ===*/

/* Image is to left or right of paragraph text (i.e. the caption)
/* Declare P width as appropriate
/* Use P IMG text */

.pimgl {clear:left;float:left;padding:9px;color:#333333;background-color:#eff6ec;}
.pimgl img {float:left;margin-right:20px;border:1px solid #333333;}

.pimgr {clear:right;float:right;padding:9px;color:#333333;background-color:#eff6ec;}
.pimgr img {float:right;margin-right:20px;border:1px solid #333333;}

/*=== BORDERED IMAGES ===*/

/* Image, no caption, that needs a border */

.bimg {border:1px solid #333333;}
.bimgl {clear:left;float:left;margin-right:20px;margin-bottom:20px;border:1px solid #333333;}
.bimgr {clear:right;float:right;margin-left:20px;margin-bottom:20px;border:1px solid #333333;}

/*=== BLOCKQUOTES ===*/

blockquote {background-color:#bfe7ff;padding:10px;}
blockquote p {margin-top:0;}

/*=== RHS ELEMENTS ===*/

/* H3 in RHS */
.rhsfrtint h3 {margin-top:0.5em;clear:left;font-size:1em;}

/* Partners area
/* Use P(rhsfrpa) A Partners area /A /P */

.rhsfrpa {background-image:url(/images/fcdgreen_chevron.gif/$FILE/fcdgreen_chevron.gif);padding:7px 7px 7px 22px;background-repeat:no-repeat;background-position:7px 10px;background-color:#ece2f0;font-weight:bold;}

/* IUFRO identification */

.rhsiufro {font-weight:bold;color:#003366;margin-bottom:1em;padding-right:7px;}

/* RSS link */

.fr_rss {margin-top:4px;margin-bottom:4px;}
.fr_rss img {float:left;margin-right:5px;padding-bottom:24px;}

/*=== MAGNIFYING GLASS ICON ===*/

.popup {vertical-align:middle;margin-right:6px;border:0!important;} /* Image in content */
.popup16 {background-image: url(/images/mag_green16.gif/$FILE/mag_green16.gif);padding-left:22px;background-repeat:no-repeat;font-weight:normal!important;}

/*=== INDEXED PAGE ANCHORS AND LINKS ===*/

/* For example: Research programmes A to Z */
h2 a.anchor {border-bottom:2px solid #ece2f0;color:#5c2077;width:100%;display:block;}

/* Link to top of page */
.toplink {clear:both;}
.toplink a {padding-left:20px;background-image:url(/images/arrowupg.gif/$FILE/arrowupg.gif);background-repeat:no-repeat;}

/*=== PUBLICATIONS ===*/

/* On publications pages */
.frpublications {margin-top:20px;} /* Compensate for RHS alignment */
.frpublications h2 {font-size:1.1em;}
.frpublications h2 sup {font-size:0.9em;font-weight:normal;}
.frpublications HR {clear:right;color:#cccccc;background-color:#cccccc;border:0;height:1px;}
.frpublications img.floatright {float:right;margin-left:20px;margin-bottom:1em;}

/*=== PRINTING ===*/

/* Control printing of wide content */
@media print {
#pagebanner {display:none;width:0;height:0;}	/* Not printed */
.imggallery li {float:none;}			/* Not floated */
}

/*=== ORGANISATION CHARTS ===*/

/* Use DIV(orgchart) P (chart name) UL /UL /DIV */

.orgchart {padding:5px 10px 5px 10px;background-color:#e3ece4;width:70%;}
.orgchart p {margin-bottom:0;font-weight:bold;color:#333333;margin-top:0;}
.orgchart ul {border-left:1px solid #333333;padding-left:0;margin-left:4px;list-style-type:none;padding-top:5px;margin-top:0;margin-bottom:0;}
.orgchart ul li {background-image:url(/images/frgrey_line.gif/$FILE/frgrey_line.gif);background-repeat:no-repeat;background-position:center left;padding-left:20px;margin-bottom:5px;}