/*************************************************************/
/* CSS Stylesheet for Histop Website                         */
/* See comments for further information                      */
/* Developed by Wordsun Web Works                            */
/* http://www.wordsun.co.uk                                  */
/*************************************************************/

@import url(../html-graphical/ohpr.css);

/* Global styles including initial HTML definitions. All subsequent definitions will use these as their base style */

*{ font-size:100%; }
html { height: 100%; }
body{ margin: 0px auto;	font:75%/120% Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; text-align:center;	height:100%; color:black; /*#666;*/}
div{ margin:0 0 0 0; height: auto; }
a {color:#0077B1; text-decoration:underline;}
a:hover {text-decoration:underline;}/*added by J.Neuhoff*/
h1 {font:160%/100% Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-weight:bold; color:black; /*#636363;*/ }
h2 {font:140%/120% Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-weight:bold; color:black; /*#888;*/ }
dt {font:120%/100% Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-weight:bold; color:black; /*#888;*/ }
dd {margin:5px;}
form  { display:block; font-size:0.9em; padding:2px; background-color:#cceedc; color:black; /*#636363;*/ min-width:600px; /*min-width:750px;*/ margin:0px;}


/* Page elements - layout */

/***Header block - contains logo, navigational tabs and breadcrumb area */

#header {width:100%;/*width:98%;*/ min-width:786px;/*min-width:786px;*/ margin:0; background-color:#fff; height:8em; clear:both; text-align:left; position:relative;  }
#logo {width:200px; float:left; height: 72px; padding-top:11px; padding-bottom:7px; margin:0px;  /*display:block;*/ }
#tabs {float:right; width:586px; text-align:right; height: 3.0em; padding:0px; margin-top:54px; display:block; position:relative; top:11px; }
#navgreen {width:98%;/*width:98%;*/ display:block; text-align:left; /*z-index:20;*/ height:2.2em; line-height:2.2em;  background-color:#00a94f; clear:both; padding-left:19px; font-size:0.8em; color:#fff; }
#navgreen a {color:#fff;}
#logo img {border:0px;}

/* IE6 hack to prevent header wrapping */
* html #logo { display:none; }
* html #header { background-image: url(../html-graphical/images/logo.gif); background-repeat: no-repeat;	background-position: 10px 10px; }
* html #tabs {margin-left:200px;}


/***Content block - contains main content and left hand side navigation */

#content {width:95%; position:relative; clear:both; top:10px; margin:auto; background-color:#fff;  text-align:left; margin-top:20px;  }
#leftcol {width:200px; float:left; position:relative; border:1px dashed #ccc; margin-right:0px;  /*added by J.Neuhoff*/ white-space:nowrap;}
#leftcol2 {width:200px; float:left; border:1px dashed #ccc; margin-right:0px; margin-top:18px; clear:left; /*added by J.Neuhoff*/ white-space:nowrap;}
#nonborder-leftcol {width:200px; float:left; margin-right:0px; white-space:nowrap;} /*added by J.Neuhoff: empty left column */
#rightcol {min-width:400px; /*min-width:720px;*/ display:block; margin-left: 210px; }

/* IE7 only hack: If the physical screen width is too small
     then the rightcol content drops below the leftcol.
     Hence we set min-width to zero.
*/
*:first-child+html #rightcol {min-width:0px;}

/* IE6 hack for right-column vertical alignment */
/*
* html #content { width: expression( (document.documentElement.clientWidth < document.getElementById("wideimage").getAttribute("width")+220) ? "1250px" :"95%"); }
*/

/* IE6 hack for right-column vertical alignment */
* html #rightcol .outsize {position:relative; top: expression((document.getElementById('scanimage').getAttribute('width') > 800)? "-200px":"0");}


/***Footer block  */

#footer {width:auto;/*width:98%;*/ text-align:left; height:2.2em; line-height:2.2em; background-color:#00a94f;  clear:both; padding-left:19px; font-size:0.8em; color:#fff; position:relative; top:25px; /*min-width:760px;*/ min-width:0px; margin:auto;  /*added by J.Neuhoff*/ white-space:nowrap;}
#footer img {vertical-align:middle; margin-right:5px;}
.bugreport { color:#fff; float:right; padding-right:10px;}
a.bugreport {text-decoration:none;}
a:hover.bugreport {text-decoration:underline;}


/* Form styles - layout */

input, textarea {
  font-family:  Verdana, Arial, Helvetica, sans-serif;;
  font-size: 100%;
  color: black; /*#636363;*/
}

form#feedback { width:450px; background-color:#fff;}
form#feedback table { width:450px; background-color:#cceedc; border:0px; border-spacing:0px; border-collapse:collapse; padding:0px;  font-size:1em; color:black; /*#636363;*/}
form#feedback td {  border:0px; padding:5px;}
form#feedback .topleft {  background-image: url(../html-graphical/images/corner-tl.gif); background-repeat: no-repeat;	background-position: top left;}
form#feedback .topright {  background-image: url(../html-graphical/images/corner-tr.gif); background-repeat: no-repeat;	background-position: top right;}
form#feedback .bottomleft {   background-image: url(../html-graphical/images/corner-bl.gif); background-repeat: no-repeat;	background-position: bottom left;}
form#feedback .bottomright {   background-image: url(../html-graphical/images/corner-br.gif); background-repeat: no-repeat;	background-position: bottom right;}
form#feedback .inputwidth {width:350px; }
form#search { width:580px; background-color:#fff;}
form#search table {  background-color:#cceedc; border:0px; border-spacing:0px; border-collapse:collapse; padding:0px;  font-size:1em; color:black; /*#636363;*/}
form#search td {  border:0px; padding:5px;}
form#search .topleft {  border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; background-image: url(../html-graphical/images/corner-tl.gif); background-repeat: no-repeat;	background-position: top left;}
form#search .topleft2 {  background-image: url(../html-graphical/images/corner-tl.gif); background-repeat: no-repeat;	background-position: top left;}
form#search .topright {  border-bottom:1px dashed #ccc; background-image: url(../html-graphical/images/corner-tr.gif); background-repeat: no-repeat;	background-position: top right;}
form#search .topright2 {  background-image: url(../html-graphical/images/corner-tr.gif); background-repeat: no-repeat;	background-position: top right;}
form#search .bottomleft {  border-right:1px dashed #ccc; background-image: url(../html-graphical/images/corner-bl.gif); background-repeat: no-repeat;	background-position: bottom left;}
form#search .bottomleft2 {  background-image: url(../html-graphical/images/corner-bl.gif); background-repeat: no-repeat;	background-position: bottom left; padding-left:10px;}
form#search .bottomright {  background-color:#e9e9e9; background-image: url(../html-graphical/images/corner-br.gif); background-repeat: no-repeat;	background-position: bottom right; padding-left:10px; padding-right:10px;}
form#search .bottomright2 {   background-image: url(../html-graphical/images/corner-br.gif); background-repeat: no-repeat;	background-position: bottom right; padding-right:10px;}
form#search .bottommid {  border-right:1px dashed #ccc; }
form#search .mid {  background-color:#e9e9e9; border-bottom:1px dashed #ccc;}



/* Form styles - additional text formatting */

form#goto { display:inline; font-size:1.2em; margin-left:1em; padding:7px; white-space:normal;}
form .texta { width:70px;}
form#search .heading {  color:#0077B1; font-size:1.2em; font-weight:bold;}
form#search b {  color:black; /*#636363;*/ font-size:1.2em; font-weight:bold;}
#content #leftcol2 form  { font-size:0.8em; background-color:#fff; margin:0px; min-width:80px; }
#content #leftcol2 form submit { width:20px; }
code {font-size:1.2em;}



/* Top horizontal navigation */

.menu {display:block; text-align:center; float:left; z-index:3px; width:93px; text-decoration:none; height: 2.3em; background-color:#edf9f3; color:#8c8f8e; font-weight:bold; font-size:0.9em; line-height:2.3em; margin-left:1px; background-image: url(../html-graphical/images/tabback.gif); background-repeat: no-repeat;	background-position: top center;}
.menu:hover {background-color:#cceedc; color:black; }
.activemenu {display:block; float:left; text-align:center; z-index:4px; margin-left:1px;  width:106px; background-color:#00a94f;  height: 2.7em; color:#fff; position:relative; top:-5px; font: Verdana, "Bitstream Vera Sans", Arial; font-weight:bold; font-size:1.1em; text-decoration:none; line-height:2.7em; background-image: url(../html-graphical/images/tabback2.gif); background-repeat: no-repeat; background-position: top center;}
.navbullet {display:none;}



/* Left-hand vertical navigation - layout*/

.submenuexp     {width:200px; height:2.7em; line-height:2.7em; margin:0px; /*margin-bottom:2px; removed by J.Neuhoff*/ background-color:#00a94f; display:block; text-indent:10px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:#fff;}
.submenuexp img {border:0px; margin:0 10px 0 0; }

/*IE 6 and below only hack for line-height bug*/
* html #leftcol .submenuexp img {margin:0.5em 10px 0 0; }
* html #leftcol .leftsubnav img {margin:0.5em 10px 0 0; }


.submenuexpclean {width:200px; height:2.7em; line-height:2.7em; margin:0px; background-color:#00a94f; display:block; text-indent:30px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:#fff;}
/*added by J.Neuhoff*/
.submenuexpclean2 {width:200px; margin:0; padding-top:0.5em; background-color:#00a94f; display:block; text-indent:30px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:white;}
/*added by J.Neuhoff*/
.submenuexpclean3 {width:200px; margin:0; padding-bottom:0.5em; background-color:#00a94f; display:block; text-indent:30px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:white;}
/*modified by J.Neuhoff*/
.submenuexp2     {width:200px; margin:0; padding-top:0.5em;/*margin-bottom:2px; removed by J.Neuhoff*/ background-color:#00a94f; display:block; text-indent:10px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:white;}
/*added by J.Neuhoff*/
.submenuexp2 img {border:0px; margin:0 10px 0 0; }
.leftsubnav {width:200px; height:2.7em; line-height:2.7em; margin:0px; background-color:#f9f9f9; display:block; text-indent:10px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:black; /*#636363;*/ border-top:1px dashed #ccc; text-decoration:none; }
.leftsubnav img {border:0px; margin-right:10px;}
/*added by J.Neuhoff*/
.leftsubnav2 {width:200px; margin:0px; padding-top:0.5em; background-color:#f9f9f9; display:block; text-indent:10px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:black; /*#636363;*/ border-top:1px dashed #ccc; text-decoration:none; }
/*added by J.Neuhoff*/
.leftsubnav2 img {border:0px; margin-right:10px;}
.leftsubnavclean {width:200px; height:2.7em; line-height:2.7em; margin:0px; background-color:#f9f9f9; display:block; text-indent:30px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:black; /*#636363;*/ border-top:1px dashed #ccc; text-decoration:none; }
/*added by J.Neuhoff*/
.leftsubnavclean2 {width:200px; margin:0px; padding-top:0.5em; background-color:#f9f9f9; display:block; text-indent:30px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:black; /*#636363;*/ border-top:1px dashed #ccc; text-decoration:none; }
/*added by J.Neuhoff*/
.leftsubnavclean3 {width:200px; margin:0px; padding-bottom:0.5em; background-color:#f9f9f9; display:block; text-indent:30px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ color:black; /*#636363;*/ text-decoration:none; }
.active-submenu {height:1.2em; line-height:1.2em; width:70px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ font-weight:bold; margin:0px;}
.submenu {height:1.2em; line-height:1.2em; width:70px; font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/ margin:0px;}
.submenu-space {height:1.2em; line-height:1.2em; background-image: url(../html-graphical/images/dottedjunction.gif); background-repeat:repeat-x; background-position:-1px 50%; }
.submenu-continuation {height:1.2em; line-height:1.2em; margin-left:1.1em; background-image: url(../html-graphical/images/dottedjunction.gif); background-repeat:no-repeat; background-position:1px 50%; }
.submenu-item         {height:1.2em; line-height:1.2em; margin-left:1.1em; background-image: url(../html-graphical/images/dottedjunction.gif); background-repeat:no-repeat; background-position:1px 50%; }
.submenu-vspacer {height:1.2em; line-height:1.2em; margin-left:1.1em; background-image: url(../html-graphical/images/dottedvert.gif); background-repeat:no-repeat; background-position:1px; /*50%; modified by J.Neuhoff*/ }
.submenu-blankspacer {height:1.2em; line-height:1.2em; margin-left:1.1em;}
.submenu-last {height:1.2em; line-height:1.2em; margin-left:1.1em; background-image: url(../html-graphical/images/dottedcorner.gif); background-repeat:no-repeat; background-position:1px 50%; }


/* Left-hand vertical navigation - additional text formatting */

.leftsubnav a {color:#0077B1;/*modified by J.Neuhoff #636363;*/ text-decoration:underline;/*modified by J.Neuhoff none;*/ }
.leftsubnav a:visited {color:#0077B1;/*modified by J.Neuhoff #636363;*/ text-decoration:underline;/*added by J.Neuhoff*/}
.leftsubnav a:hover {color:black;/*modified by J.Neuhoff #636363;*/ text-decoration:underline; }
.leftsubnavclean a {color:#0077B1;/*modified by J.Neuhoff #636363;*/ text-decoration:underline;/*modified by J.Neuhoff none;*/ }
.leftsubnavclean a:visited {color:#0077B1;/*modified by J.Neuhoff #636363;*/ text-decoration:underline;/*added by J.Neuhoff*/}
.leftsubnavclean a:hover {color:black;/*modified by J.Neuhoff #636363;*/ text-decoration:underline; }
.submenuexp a {color:#fff; text-decoration:none; }
.submenuexp a:hover {color:#fff; text-decoration:underline;}
.submenuexpclean a {color:#fff; text-decoration:none; }
.submenuexpclean a:hover {color:#fff; text-decoration:underline;}
#leftcol2 p {font-size:0.8em;  /*modified by J.Neuhoff 0.9em;*/}
a:hover.submenu {color:black;} /*added by J.Neuhoff*/
a:hover.active-submenu {color:black;} /*added by J.Neuhoff*/


/* Left-hand vertical navigation (search results) - additional text formatting
   Added by J.Neuhoff
*/

.leftsubnav2 a {color:#0077B1; text-decoration:underline; }
.leftsubnav2 a:visited {color:#0077B1; text-decoration:underline; }
.leftsubnav2 a:hover {color:black; text-decoration:underline; }
.leftsubnavclean2 a {color:#0077B1; text-decoration:underline; }
.leftsubnavclean2 a:visited {color:#0077B1; text-decoration:underline; }
.leftsubnavclean2 a:hover {color:black; text-decoration:underline; }
.submenuexp2 a {color:#fff; text-decoration:none; }
.submenuexp2 a:hover {color:#fff; text-decoration:underline;}
.submenuexpclean2 a {color:#fff; text-decoration:none; }
.submenuexpclean2 a:hover {color:#fff; text-decoration:underline;}



/* Document viewing options */

.viewingoptions   {width:200px; height:2.9em; line-height:2.9em; margin:0px; background-color:#edf9f3; display:block; text-indent:1em;/*25px;*/ font-size:0.9em; color:black; /*#636363;*/ /*background-image: url(../html-graphical/images/lhnav_double_aright.gif); background-repeat: no-repeat;*/ background-position: center; text-decoration:none; }
/* Removed by J.Neuhoff
.viewoptionleft1  {width:90px;  height:7em; padding-top:5px; padding-bottom:5px; margin:0px; float:left; display:block; font-size:0.8em; color:#636363; border-top:1px dashed #ccc; text-align:left;   }
.viewoptionright1 {width:90px;  height:7em; padding-top:5px; padding-bottom:5px; margin:0px; float:left; display:block; font-size:0.8em; color:#636363; border-top:1px dashed #ccc; text-align:left; }
*/
.viewoptionleft2  {width:65px;  padding-top:7px; padding-bottom:7px; line-height:/*2.1em;*/1.5em; margin:0px; float:left; display:block; font-size:0.8em; color:black; /*#636363;*/   border-top:1px dashed #ccc; text-align:left; }
.viewoptionright2 {width:135px; padding-top:7px; padding-bottom:7px; line-height:/*2.1em;*/1.5em; margin:0px; float:left; display:block; font-size:0.8em; color:black; /*#636363;*/   border-top:1px dashed #ccc; text-align:left; white-space:nowrap;}
.viewoption1      {width:200px; height:auto; padding-top:5px; padding-bottom:5px; margin:0px; float:left; display:block; font-size:0.8em; color:black; /*#636363;*/ border-top:1px dashed #ccc; text-align:left; white-space:nowrap; }
.viewoption2      {width:200px; height:auto; padding-top:0px; padding-bottom:0px; margin:0px; float:left; display:block; font-size:0.8em; color:black; /*#636363;*/ /*border-top:1px dashed #ccc;*/ text-align:left; white-space:normal; }
.zoomlinks {letter-spacing:1px; }





/* Additional Main-content styles */

.TOCdisplayform { width:auto; min-width:0px; }


.lineOn  {display:block; margin:0px; height:auto; min-height:1.8em; line-height:1.2em; font-size:0.8em; padding:0.5em 10px 0.5em 10px; background-color:#d9d9d9; color:black; /*#636363;*/ } /* Alternate style with lineOff for 'flip-flop' tabular list */
.lineOff {display:block; margin:0px; height:auto; min-height:1.8em; line-height:1.2em; font-size:0.8em; padding:0.5em 10px 0.5em 10px; background-color:#f9f9f9; color:black; /*#636363;*/} /* Alternate style with lineOn for 'flip-flop' tabular list */

/*IE 6 and below only hack for min-height support bug*/
* html #rightcol .lineOn {height:1.8em; }
* html #rightcol .lineOff {height:1.8em; }


.tablesublevel {margin-left:30px} /* Used to indent tabular list items to show hierarchy. Can be nested indefinitely */
.rightfloat {display:inline; float:right; margin:0 10px 0 0; min-width:110px; height:13px; white-space:nowrap; padding-bottom:0.5em;}
/*IE 6 and below only hack for min-width support bug, added by J.Neuhoff */
* html .rightfloat {width:110px;}
.interpreted {display:block;  height:1.8em; line-height:1.8em; font-size:0.8em; text-align:center; color:#666666;}
/* modified by J.Neuhoff
.navigator {display:block; height:1.8em; line-height:1.8em; font-size:0.9em; text-align:center; color:#666666;}
*/
div.navigator  {text-align:center; color:#666666;}
.content-empty { display:inline-block; width:9px; min-width:9px; max-width:9px;} /*added by J.Neuhoff*/
.content-minus { height:auto; min-height:1.8em; line-height:1.8em; font-size:0.8em; }
.content-plus  { height:auto; min-height:1.8em; line-height:1.8em; font-size:0.8em; }
.invisible {color: white; background-color: white;}/*added by J.Neuhoff*/

/* local sections hierachy in target page viewer, added by J.Neuhoff */
td.local-section-0000 { border-width:0px 0px 0px 0px; border-style:dotted; border-color:#ccc; font-size:0.8em; }
td.local-section-1001 { border-width:1px 0px 0px 1px; border-style:dotted; border-color:#ccc; font-size:0.8em; }
td.local-section-1011 { border-width:1px 0px 1px 1px; border-style:dotted; border-color:#ccc; font-size:0.8em; }
td.local-section-1101 { border-width:1px 1px 0px 1px; border-style:dotted; border-color:#ccc; font-size:0.8em; }
td.local-section-1111 { border-width:1px 1px 1px 1px; border-style:dotted; border-color:#ccc; font-size:0.8em; }
td.local-section-0011 { border-width:0px 0px 1px 1px; border-style:dotted; border-color:#ccc; font-size:0.8em; }
td.local-section-0111 { border-width:0px 1px 1px 1px; border-style:dotted; border-color:#ccc; font-size:0.8em; }



/* misc. styles added by J.Neuhoff */

/* mono-font sized indentation space */
.indentation {font-family:Courier; font-size:9px;}

/* text and link styles for the breadcrumb trail */
span.label {color:#fff; background-color:transparent; font-weight:bold;} /* final label part of the breadcrumb trail */
a.label {color:#fff; background-color:transparent; text-decoration:none;} /* links in breadcrumb trail */
a:hover.label {text-decoration:underline}

/* hovering link styles */
#rightcol a:hover, #leftcol a:hover.content, #nonborder-leftcol a:hover  {color:black; text-decoration:underline; }

/* disabled link style */
span.disabled-link { color: gray; background-color: transparent; text-decoration: underline; font-weight:normal;}

/* disabled (grayed out) text */
span.disabled { color: gray; background-color: transparent; }

/* no border for images embedded in web links */
/* #content a img {border:0px;} */