/********************************************************************/
/* Target :	Standard elements						   		        */
/* Remarks: <span> and <a> usually do not change the font-size!	    */
/*        : FireFox and Netscape cache CSS and therefore don't      */
/*        : automatically update 'width' and 'height'.              */
/*        : Set Cache=0 under options of both browsers when testing */
/*        : Selector ".Class Element", e.g. ".TabStrip li" does not */
/*        : work in IE7-10! Use "Element.Class" instead.            */
/********************************************************************/
html
{
    border: 1px;
    border-color: Navy;
    height: 100%;
    padding: 0px;
}
body
{
    margin: 0px; /* http://www.w3schools.com/css/css_align.asp */
    border: 0px;
    padding: 0px; /* http://www.w3schools.com/css/css_align.asp */
    width: 100%; /* Full page (XHTML) */
    height: 100%; /* Full page (XHTML) */
    overflow: hidden; /* 14/01/2015 auto; */
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 100%; /* http://www.w3schools.com/css/css_font.asp */
    color: Black;
    background-color: BlanchedAlmond; /* =#ffebcd */
}
h1
{
    border-bottom-color: Navy;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Navy;
    font-size:1em;
    font-weight: bold;
    margin-left: 10px; /* OK */
    margin-right: 0px; /* OK */
    margin-top: 10px;
}
h2
{
    color: Navy;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px; /* OK */
    margin-right: 10px; /* OK */
    margin-top: 10px;
}
p
{
    border: 0px;
    font-size: 1em;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding: 0px;
}
table
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-size:inherit;  /* IE10: Necessary for '%' and 'em' to work together! */
}
li
{
    /* font-size: 1em; */
    vertical-align: top;
}
a:link /* 1. unvisited link */
{
    color: #002d96;
}
a:visited /* 2. visited link */
{
    color: #002d96;
}
a:hover /* 3. mouse over link; a:hover MUST come after a:link and a:visited */
{
    color: #002d96;
}
a:active /* 4. selected link; a:active MUST come after a:hover */
{
    color: #002d9d;
}
sup, sub
{
    font-size:0.9em;
    /* line-height: 0.7em; */
}

/********/
/* Form */
/********/
#divPageHeader
{
  background-color: #002d96;
  background-image: url("Images/FormHeader.gif");
  background-repeat: repeat-x;
  height: 51px;
  padding: 0px 10px 0px 10px;
}
#divPageNavigation
{
  background-color: #b9d1f4;
  background-image: url("Images/FormMenu.gif");
  background-repeat: repeat-x;
  font-size: 0.9em;
  height: 20px;
  padding: 0px 10px 0px 10px;
}
div.Subject
{
  color: Navy;
  float:left;
  font-family: Times New Roman, Serif;
  font-size: 1.6em;
  height:29px;
  padding-top:21px;
  text-align: left;
  vertical-align: bottom;
}
div.ContextMenu
{
  border-top: 1px solid #002d96;
  clear: left;
  float: left;
  width: 175px;
}
#divPageContent
{
  border-left: 1px solid #002d96;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
#divTabStrip
{
  clear: both;
  height: 25px;
}
#divTabContent
{
  clear: both;
  height: 100%;
}
div.Selector 
{
  background-color: #002d96;
  color: Yellow;
}
#divPageFooter 
{
  background-color: #002d96;
  clear: both;
  color: yellow;
  font-size: 10px;
  height: 15px;
  padding: 0px 10px 0px 10px;
}
table.FormFrame
{
    table-layout: fixed; /*width   : 100%;	/* Full page, but doesn't work!!! */ /*height  : 100%; /* Full page, but doesn't work!!! */
}
tr.FormHeaderContainer
{
    height: 55px;
    background-color: #002d96;
    background-image: url("Images/FormHeader.gif");
    background-repeat: repeat-x;
    vertical-align: middle;
}
/* Within tr.FormHeader */
table.FormHeader
{
    width: 100%;
    height: 100%;
}
/* The Taxonomicon */
span.FormTitle
{
    color: Yellow;
    font-family: Times New Roman, Serif;
    font-size: 2.2em;
}
span.FormHeaderText
{
    font-size: 0.8em;
    color: Yellow;
}
tr.FormMenuContainer
{
    height: 20px; /* OK */
    font-size: 0.9em;
    background-color: #b9d1f4;
    background-image: url("Images/FormMenu.gif");
    background-repeat: repeat-x;
    vertical-align: middle;
}
/* Button: FormMenu, ContextMenu, TabStrip */
a:link.Button
{
    color: #002d96;
    text-decoration: none;
}
a:visited.Button
{
    color: #002d96;
    text-decoration: none;
}
a:active.Button
{
    color: #002d96;
    text-decoration: none;
}
tr.FormFooter
{
    height: 15px; /* OK */
    font-size: 0.8em;
    color: Yellow;
    background-color: #002d96;
    vertical-align: middle;
}

/***********/
/* Subject */
/***********/
tr.SubjectHeader
{
    height: 50px;
}
td.Icon
{
    width: 1em;
    text-align: center;
}
td.SubjectTitle
{
    font-family: Times New Roman, Serif;
    font-size: 1.6em;
    color: Navy;
    text-align: left;
    vertical-align: bottom;
}

/************/
/* TabStrip */
/************/
tr.TabStripContainer
{
    height: 18px;
}
table.TabStrip
{
    border-bottom-color: #002d96;
    border-bottom-width: 1pt;
    border-left-color: #002d96;
    height: 18px; /* Needs to be same as for TabStripContainer (Firefox) */
}
td.SingleTab
{
    font-size: 0.9em;
    font-weight: bold;
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 10px;
}
td.ActiveTab
{
    font-size: 0.9em;
    font-weight: bold;
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
td.InactiveTab
{
    font-size: 0.8em;
    background-color: #b9d1f4;
    background-image: url("Images/InactiveTab.gif");
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.TabSeparator
{
    width: 1px;
    background-color: #002d96;
}

/* http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced */
ul.TabStrip
{
    list-style-type:none;
    font-size: 0.9em;
    /* height:1.8em;   /* IE7-9 */
    vertical-align: middle;
    margin:0;
    padding:0;
    overflow:visible;
    /* border-bottom:1px solid #002d96; */
}
li.SingleTab
{
    width:100%;
    text-align: left;
    text-indent:10px;
}
li.TabStrip
{
    float: left;
    width: 8.5em;
    text-align: center;
    border-right:1px solid #002d96;
}
span.TabStrip
{
    display:block;
    font-weight: bold;
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
    margin:0;
    padding: 4px;
}
a.TabStrip:link,a.TabStrip:visited
{
    display:block;
    font-weight: normal;
    background-color: #b9d1f4;
    background-image: url("Images/InactiveTab.gif");
    background-repeat: repeat-x;
    text-decoration:none;
    white-space:nowrap;
    padding:4px;
}
a.TabStrip:hover,a.TabStrip:active
{
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
}

/***************/
/* ContextMenu */
/***************/
tr.ContextMenuHeader
{
    height: 18px; /* TabStrip.Height */
    font-size: 0.9em;
    font-weight: bold;
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
    text-align: left;
    padding-right: 10px;
    vertical-align: middle;
    text-indent: 10px; /* Also works for Firefox io padding-left */
}
tr.ContextMenuItem
{
    height: 18px;
    font-size: 0.8em;
    background-color: #b9d1f4;
    background-image: url("Images/InactiveTab.gif");
    background-repeat: repeat-x;
    text-align: left;
    padding-right: 10px;
    vertical-align: middle;
    text-indent: 10px; /* Also works for Firefox io padding-left */
}
/* Not used */
span.MenuHeader
{
    font-size: 1em;
    font-weight: bold;
}
/* Not used */
span.MenuItem
{
    font-size: 0.9em;
}

/* http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_advanced */
ul.ContextMenu
{
    list-style-type:none;
    font-size: 0.9em;
    /* height:1.8em;   /* IE7-9 */
    vertical-align: middle;
    margin:0;
    padding:0;
}
li.ContextMenu
{
    /* height: 1.8em; /* TabStrip.Height */
    /* text-indent: 10px; /* Also works for Firefox io padding-left */
}
span.ContextMenu
{
    display:block;
    font-weight: bold;
    text-align: center;
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
    margin:0;
    padding: 4px;
}
a.ContextMenu:link,a.ContextMenu:visited
{
    display:block;
    font-weight: normal;
    background-color: #b9d1f4;
    background-image: url("Images/InactiveTab.gif");
    background-repeat: repeat-x;
    text-align:left;
    text-decoration:none;
    text-indent: 10px; /* Also works for Firefox io padding-left */
    white-space:nowrap;
    padding: 4px 10px 4px 0px;
}
a.ContextMenu:hover,a.ContextMenu:active
{
    color: Yellow;
    background-color: #002d96;
    background-image: url("Images/ActiveTab.gif");
    background-repeat: repeat-x;
}

/***********/
/* Content */
/***********/
td.ContentContainer
{
    /*padding-left    : 10px;*/ /* padding-top     : 10px;	/* Causes gap between vertical scollbar and cell above */
}
div.Content
{
    width: 100%;
    height: 100%;
    overflow: auto;
    border-top:1px solid #002d96; /* necessary for line under tabs */
    /*padding-right: 10px;	/* Causes Firefox to show horizontal scrollbar */ 
    /*padding-bottom: 10px;*/
}
div.TreeView /* TaxonSearch */
{
    width: 100%;
    height: auto;
    line-height: 0.8em;
    overflow: visible;
    position: relative;
    top: -19px;
}
div.SiteMap
{
    width: 100%;
    height: 100%;
    line-height: 0.8em;
    overflow: auto;
    position: relative;
    top: -19px;
}
div.Content table, p, ul, ol
{
    margin-left: 10px;
    margin-right: 10px;
}
/* 19/01/2015
div.Hierarchy p 
{
  padding: 10px;
}
*/
table.Content
{
    font-size: 1em;
    margin-top: 10px;
}
table.Overview
{
    /*width						: 100%;*/
    color: #E6EAEE;
    border-collapse: separate;
    border-style: none;
    border-width: 0px;
    border-color: #E6EAEE;
}
p.Header /* Use h1 instead */
{
    border-bottom-color: Navy;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Navy;
    font-size: 1em;
    font-weight: bold;
    margin-left: 10px; /* OK */
    margin-right: 10px; /* OK */
    margin-top: 10px;
}
tr.ContentHeader
{
    font-size: 1em;
    color: Yellow;
    background-color: #002d96;
    vertical-align: middle;
    height: 18px; /*text-indent     : 10px;		/* Also works for Firefox io padding-left */
}
td.Header
{
    color: Navy;
    font-size: 1em;
    font-weight: bold;
}
p.Subheader /* Use h2 instead */
{
    font-weight: bold;
    text-decoration: underline;
}
td.Subheader
{
    color: Black;
    font-size: 1em;
    font-weight: bold;
    text-decoration: underline;
}
p.Item
{
    font-size: 1em;
    color: Black; /*margin-left					: 10px;	/* OK */ /*margin-right				: 10px;	/* OK */
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: justify;
}
tr.ContentItem
{
    font-size: 1em;
    color: Black; 
    /*height							: 12pt;*/
    vertical-align: top;
}
tr.SmallContentItem
{
    color: Black;
    font-size: 0.9em;
    height: 1.2em;
    vertical-align: top;
}
/* Within tr.SmallContentItem */
td.SmallHeader
{
    color: Black;
    font-size: 0.9em;
    font-weight: bold;
}
.Item
{
    color: Navy;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1em;
    text-decoration: none;
}
a:link.Item
{
    color: #0000ee;
    text-decoration: none;
}
a:visited.Item
{
    color: #0000ee;
    text-decoration: none;
}
a:active.Item
{
    color: #0000ee;
    text-decoration: none;
}
span.Small
{
    font-size:0.9em;
}

/************/
/* Controls */
/************/
.SmallButton /* asp:Button */
{
    /*margin-left			: 5px;*/
    font-size: 0.8em;
}

/*********/
/* Lines */
/*********/
tr.HLine
{
    background-color: #002d96;
    height: 1px;
}
td.VLine
{
    background-color: #002d96;
    padding: 0px;
    width: 1px;
    white-space: nowrap;
}

/***********/
/* Spacing */
/***********/
td.LMargin
{
    padding-left: 10px;
}
td.RMargin
{
    padding-right: 10px;
}
td.LRMargin
{
    padding-left: 10px;
    padding-right: 10px;
}
td.Margin
{
    width: 10px;
}
tr.Margin
{
    height: 10px;
}

/*****************/
/* Custom: Taxon */
/*****************/
div.Hierarchy /* 22 Nov 2012 */
{
    width: 100%;
    height: 100%;
    overflow: auto;
    font-family: Times New Roman;
    font-size: 1em;
    /*padding-top: 10px;*/
    /*padding-left: 10px;*/
}
table.Hierarchy
{
    font-family: Times New Roman;
    font-size: 1em;
    margin-top: 10px;
}
p.Taxa
{
    font-family: Times New Roman;
    font-size: 1em;
}
span.Ordinal
{
    font-family: Courier New;
    font-size: 0.8em;
}
span.Valid
{
    color: #0000ee;
}
.Valid
{
    color: Navy;
    text-decoration: none;
}
a:link.Valid
{
    color: #0000ee;
    font-family: Times New Roman;
    text-decoration: none;
}
a:visited.Valid
{
    color: #0000ee;
    font-family: Times New Roman;
    text-decoration: none;
}
a:active.Valid
{
    color: #0000ee;
    font-family: Times New Roman;
    text-decoration: none;
}
span.Invalid
{
    color: #ee0000;
}
a:link.Invalid
{
    color: #ee0000;
    text-decoration: none;
}
a:visited.Invalid
{
    color: #ee0000;
    text-decoration: none;
}
a:active.Invalid
{
    color: #ee0000;
    text-decoration: none;
}
span.Alternative
{
    color: #006600;
}
a:link.Alternative
{
    color: #006600;
    text-decoration: none;
}
a:visited.Alternative
{
    color: #006600;
    text-decoration: none;
}
a:active.Alternative
{
    color: #006600;
    text-decoration: none;
}
span.Rank
{
    font-family: Times New Roman;
    font-size: 0.9em;
}
span.Taxon
{
    font-family: Times New Roman;
    font-size: 1em;
}
span.Authorship
{
    font-family: Times New Roman;
    font-size: 0.9em;
}
span.CommonName
{
    font-family: Times New Roman;
    font-size: 0.9em;
}
/* Not used */
span.PreferredName
{
    font-size: 0.9em;
    color: Blue;
}
/* Not used */
span.Synonym
{
    font-size: 0.9em;
    color: Red;
}

/*****************************/
/* Custom: Person, Reference */
/*****************************/
p.Citation
{
    font-family: Times New Roman;
    font-size: 1em;
    color: Black;
}
span.Citation
{
    font-family: Times New Roman;
    font-size: 1em;
}
span.Reference
{
    font-family: Times New Roman;
}
span.Author
{
    font-size: 0.8em;
}
a:link.Reference
{
    color: #0000ee;
    font-family: Times New Roman;
    text-decoration: none;
}
a:visited.Reference
{
    color: #0000ee;
    font-family: Times New Roman;
    text-decoration: none;
}
a:active.Reference
{
    color: #0000ee;
    font-family: Times New Roman;
    text-decoration: none;
}

/*********************************************/
/* Custom: Attribute, Property, Relationship */
/*********************************************/
p.Info
{
    font-size: 0.9em;
    color: Black;
}
span.Info
{
    font-size: 0.9em;
}
a:link.Topic
{
    color: #0000ee;
    text-decoration: none;
}
a:visited.Topic
{
    color: #0000ee;
    text-decoration: none;
}
a:active.Topic
{
    color: #0000ee;
    text-decoration: none;
}

a:link.ViewSort
{
    color: Yellow;
    text-decoration: none;
}
/* Not used */
span.NodeFooter
{
    font-size: 0.8em;
}
.CollapsibleHeader
{
  cursor: pointer;
  padding: 5px;
  vertical-align: middle;
}