/* Stylesheet for Forest Research Level 2 Network pages */

/* 05/03/08
/* Changed grid lines from #cccccc to white
/* 20/05/10
/* Redefined style for sites map
*/

/* ==== Sites page ==== */

.l2sitesmap {
width:376px;
text-align:center;
font-weight:bold;
}

.l2sitesmap img {
border:1px solid #666666;
}

.sitelinks {
clear:left;
margin-bottom;1.5em;
}

.sitelinks h2 {
margin-top:0;
margin-bottom:0;
}


.sitelinks img {
float:left;
margin-right:20px;
margin-bottom:1.5em;
}

.sitelinks ul {
list-style-type:none;
margin-bottom:0;
margin-top:0;
margin-left:0px;
padding-left:100px;
}

/* ==== L2 site home page */

.photomap img {
border:1px solid black;
margin-right:1em;
margin-top:2px;
}

/* ==== Plot description */

.l2texttable {
background-color:white;
border-collapse:collapse;
border:2px solid white; /*#003366;*/
}

.l2texttable THEAD TH { /* Header cell in header section */
font-weight:bold;
text-align:center;
background-color:#003366;
color:white;
padding:4px;
vertical-align:bottom;
border:1px solid white;
padding:4px;
}

.l2texttable TBODY TH { /* Header cell in body section */
font-weight:bold;
text-align:left;
background-color:#003366;
color:white;
padding:4px;
vertical-align:top;
border:1px solid white;
padding:4px;
}

.l2texttable TBODY TD { /* Standard cell in body section */
text-align:left;
vertical-align:top;
border:1px solid white;
padding:4px;
background-color:#e5e5ff;
}

.plotmap {
width:208px;
float:right;
margin-left:1em;
text-align:center;
font-weight:bold;
}

/* ==== Management history - spacing out list items */

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

/* ==== Surrounding habitat */

.mapandkey img {
float:left;
margin-right:1em;
margin-top:2px;
}

/* ==== Measurements home page */

.l2measurements {
background-color:white;
border-collapse:collapse;
border:2px solid  white; /*#003366;*/
clear:left;
}

.l2measurements TR {vertical-align:top;}

.l2measurements THEAD TH {
font-weight:bold;
text-align:center;
background-color:#003366;
color:white;
padding:4px;
vertical-align:bottom;
border-right:1px solid white;
border-bottom:1px solid ##003366;
padding:4px;
}

.l2measurements THEAD TH.vertical {
writing-mode:tb-rl;	/* Vertical text only works with IE */
filter:flipv fliph;	/* Vertical text only works with IE */
}

.l2measurements THEAD TH.selected {
writing-mode:tb-rl;	/* Vertical text only works with IE */
filter:flipv fliph;	/* Vertical text only works with IE */
background-color:#ff9900 !important;
color:black !important;
}

.l2measurements TBODY TH {
font-weight:normal;
text-align:left;
border:1px solid white;
padding:4px;
font-size:0.833em;
background-color:#e5e5ff;
}

.l2measurements TBODY TD {
text-align:center;
border:1px solid white;
padding:4px;
background-color:#e5e5ff;
}

.l2measurements TBODY TD.selected {
background-color:#ff9900 !important;
color:black !important;
font-weight:bold;}

.l2measurements TH.text {
text-align:left!important;
}

.l2measurements TH A {
font-weight:bold!important;
}

/* ==== Measurement tables ==== v2 */

.l2measuretable {
background-color:transparent;
border-collapse:collapse;
border:2px solid  white; /*#003366;*/
clear:left;
}

.l2measuretable CAPTION {
font-weight:bold;
color:#003366;
}

.l2measuretable TR {vertical-align:top;}

.l2measuretable colgroup {
background-color:#e5e5ff;
}

.l2measuretable colgroup.selected {
font-weight:bold;background-color:#ff9900;
}

.l2measuretable colgroup.period {
white-space:nowrap;
}

.l2measuretable THEAD TH.us {
background-color:#003366;
color:white;
}

.l2measuretable THEAD TH {
font-weight:bold;
text-align:center;
padding:4px;
vertical-align:bottom;
border-right:1px solid white;
border-bottom:1px solid ##003366;
padding:4px;
}

.l2measuretable TBODY TH {
font-weight:bold;
text-align:left;
border:1px solid white;
padding:4px;
xfont-size:0.833em;
background-color:#e5e5ff;
}

.l2measuretable TBODY TD {
text-align:center;
border:1px solid white;
padding:4px;
}

/* ==== Ground vegetation pages */

.vegtitle {font-weight:normal;}

.veggraph
{
margin-bottom:1em;
margin-top:1em;
padding:6px;
width:480px;
font-weight:bold;
color:#666699;
text-align:center;
border:1px solid #666666;
}

.veggraph img {margin-top:0.5em;}

/* ==== Data table on all other pages */

/* Global */

.l2datatable {
background-color:white;
border-collapse:collapse;
border:2px solid white; /*#003366;*/
clear:left;
}

.l2datatable TR {vertical-align:top;}


.l2datatable CAPTION {
color:black;
font-size:0.833em;
padding-bottom:0.75em;
caption-side:top;
text-align:left;
}

/* THEAD section */

.l2datatable THEAD TH { /* Header cell in header section */
font-weight:bold;
text-align:center;
background-color:#003366;
color:white;padding:4px;
vertical-align:bottom;
border:1px solid white;
padding:4px;
}

.l2datatable THEAD TD { /* Standard cell in header section */
font-weight:bold;
text-align:center;
background-color:#003366;
color:white;padding:4px;
vertical-align:bottom;
border:1px solid white;
padding:4px;
}

/* TBODY section(s) */

.l2datatable TBODY TH { /* Header cell in body section */
font-weight:bold;
text-align:left;
background-color:#e5e5ff;
color:black;
border:1px solid white;
padding:4px;
}

.l2datatable TBODY TD { /* Standard cell in body section */
text-align:center;
border:1px solid white;
padding:4px;
background-color:#e5e5ff; /* See also TD.hide class below */
}

/* Various classes for specific formats in cells and headers */

.l2datatable TD.hd { /* Highlight text but not a header */
text-align:left!important;
font-weight:bold;
}

.l2datatable TH.group { /* Mark group by left border in header */
border-left:2px solid white!important;
}

.l2datatable TD.group { /* Mark group by left border in border */
border-left:2px solid white!important; /* #003366 */
}

.l2datatable TD.text { /* For long text in body section */
text-align:left !important;
}

.l2datatable TH SPAN.ntext { /* Plain text in header */
font-weight:normal !important;
}

/* Species tables
/*
/* Colours have been chosen so that they still differentiate for those with Protanopia, Deutanopia or Tritanoptia
/* colour blindness. See www.btplc.com/age_disability/technology/RandD/colours/colours1.htm
/*
/* For accessibility, cells also have %cover included as text. This is hidden from screen by
/* setting color to same as background (this has useful side effect of showing value on printed outputs if
/* background colour printing is not enabled).
*/

.l2datatable TD.c5 {background-color:#ffff99!important;font-style:italic!important;}
.l2datatable TD.c5 SPAN {color:#ffff99!important;}

.l2datatable TD.c25 {background-color:#ffcc00!important;font-style:italic!important;}
.l2datatable TD.c25 SPAN {color:#ffcc00!important;}

.l2datatable TD.c50 {background-color:#99cc99!important;font-style:italic!important;}
.l2datatable TD.c50 SPAN {color:#99cc99!important;}

.l2datatable TD.c75 {background-color:#669999!important;font-style:italic!important;}
.l2datatable TD.c75 SPAN {color:#669999!important;}

.l2datatable TD.c100 {background-color:#999900!important;font-style:italic!important;}
.l2datatable TD.c100 SPAN {color:#999900!important;}

/* Key on species table pages */

.specieskey {margin-bottom:1em;}
.specieskey P {font-weight:bold;margin-bottom:0.5em;}

.specieskey UL {list-style-type:none;margin-left:0;padding-left:0;margin-top:0;width:100%;float:left;}
.specieskey UL LI {float:left;padding:5px;height:1.5em;width:10%;}
.specieskey UL LI.c5   {background-color:#ffff99;}
.specieskey UL LI.c25  {background-color:#ffcc00;}
.specieskey UL LI.c50  {background-color:#99cc99;}
.specieskey UL LI.c75  {background-color:#669999;}
.specieskey UL LI.c100 {background-color:#999900;}

/* Hiding content to screen but not screen readers
/*
/* Ideally visibility:hidden would be used. However this does not work consistently
/* with TH cells and is inconsistently handled by screen readers.
/* Instead (hack) set text to same colour as backgrounds
*/

.l2datatable TH.hide {
color:#003366 !important;
}

.l2datatable TD.hide {
color:#e5e5ff !important;
}